@charset "utf-8"; /* CSS Document */ /* 通用属性 */ * { margin:0; padding:0; list-style:none; } body { font-size:14px; color:#000; font-family:Microsoft YaHei,sans-serif; } img { border:0; vertical-alignnewMain:top; } html, body {width: 100%;max-width: 100%;min-width: 1320px;min-height: 100%;height: auto;} address, caption, cite, code, dfn, em, th, dt, var {font-style: normal;font-weight: normal;} /* a */ a { color:#333; text-decoration:none; } a:visited { } a:active, a:hover { text-decoration:none; color:#0280f6;} a:focus { outline:none; text-decoration:none; } h1,h2,h3,h4,h5,h6 { font-weight:normal; } h1,h2,h3,h4,h5,h6,p,ol,ul{padding: 0;margin: 0;} :focus{outline: none;} .ovfl{overflow: hidden;} .flex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; } .lflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-start; justify-content:flex-start; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; } .ltflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-start; justify-content:flex-start; -webkit-box-align:flex-start; -ms-flex-align:flex-start; -webkit-align-items:flex-start; align-items:flex-start; } .lbflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-start; justify-content:flex-start; -webkit-box-align:flex-end; -ms-flex-align:flex-end; -webkit-align-items:flex-end; align-items:flex-end; } .rflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-end; justify-content:flex-end; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; } .rtflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-end; justify-content:flex-end; -webkit-box-align:flex-start; -ms-flex-align:flex-start; -webkit-align-items:flex-start; align-items:flex-start; } .rbflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-end; justify-content:flex-end; -webkit-box-align:flex-end; -ms-flex-align:flex-end; -webkit-align-items:flex-end; align-items:flex-end; } .mflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; flex-direction:column; -webkit-flex-direction:column; text-align:center; } .mtflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-start; justify-content:flex-start; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; flex-direction:column; -webkit-flex-direction:column; text-align:center; } .mbflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-end; justify-content:flex-end; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; flex-direction:column; -webkit-flex-direction:column; text-align:center; } .transition300em{transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;} .donghua{-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;} ::after, ::before {-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;} .dhwz{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .mar0a{margin: 0 auto;} .con-fff{width:100%;height:100%;} .fl {float:left;} .fr {float:right;} input { border-radius:0; -webkit-appearance:none; appearance:none; background:none; border:0; box-shadow:0 0 0; font-size:14px; } textarea { border-radius:0; -webkit-appearance:none; appearance:none; background:none; border:0; box-shadow:0 0 0; font-size:14px; } .clear{clear:both; height:0; line-height:0; font-size:0;} table {border-collapse:collapse; border-spacing:0;} table td, table th{padding: 5px 10px;border: 1px solid #ddd;} table tbody tr td{border: none;} .container{width:1200px;margin:0 auto;} /* 头部 */ .htop{line-height:40px;height:40px;border-bottom:1px solid #eee;background: #f5f5f5;} .htop em{float:left;color: #666;font-size: 13px;} .htop .htop-aa{float:right;display:block;} .htop .htop-aa a{display:block;float:left;padding:0 12px;border-right:1px solid #eee;font-size: 13px;color: #666;} .htop .htop-aa a:first-child{border-left:1px solid #eee;color:#666;} .htop .htop-aa a span{display:block;padding-left:25px;} .htop .htop-aa a:nth-child(1) span{background:url(../images/htopico1.jpg) no-repeat left;} .htop .htop-aa a:nth-child(2) span{background:url(../images/htopico2.jpg) no-repeat left;} .htop .htop-aa a:nth-child(3) span{background:url(../images/htopico3.jpg) no-repeat left;} .htop .htop-aa a:hover{color:#183888 ;} .hcont{padding:12px 0;} .hcont .dlogo{ float: left;} .hcont .dlogo img{display: block;} .hcont .logtxt{float: left;margin-left:5px;padding-left:20px;margin-top:35px;margin-bottom:17px;border-left: 1px solid #dcdcdc;} .hcont .logtxt h1{font-size: 26px;color: #0075c5;font-weight: bold;} .hcont .logtxt h2{font-size: 26px;color: #0075c5;font-weight: bold;} .hcont .logtxt p{font-size: 18px;color: #252525;line-height:32px;font-weight: bold;} .hcont .logtxt p span{color:#0280f6;} .hcont .dphone{float:right;position: relative;padding:30px 0;} /*.hcont .dphone dl{padding-left: 50px;background: url(../images/htphone.png) no-repeat left center;}*/ .hcont .dphone dt{font-size: 16px;color:#666;line-height:20px;margin-bottom: 10px;} .hcont .dphone dt span{font-size: 27px;color: #0075c5;font-weight: bold;} /*.hcont .dphone dd{font-size: 24px;color: #e31d1e;font-weight: bold;!*font-weight:bold;line-height:26px;*!}*/ .hcont .dphone dd .tt{ float: left;border: 1px #333 solid;border-right: 0px none;width: 264px;padding-left: 15px;padding-right: 8px;font-family: "微软雅黑";height: 30px;line-height: 30px;background: #fff;color: #666;} .hcont .dphone dd .s_bt{ float: left;width: 35px;border: 1px #333 solid;border-left: 0px none;height: 32px;line-height: 32px;background: url(../images/searchbtn.jpg) center no-repeat;text-indent: -99em;cursor: pointer;} /*导航*/ #nav{ margin: 0px auto; padding: 0px; background: #0075c5} #nav ul{ margin: 0px auto; padding: 0px; height: 60px; width: 1200px; z-index:999;} #nav li{ float: left; width: 150px; text-align:center; height: 60px; position: relative; z-index:999;} #nav li::before{content: '|';color: #fff;font-size: 18px;position: absolute; left: -2px;top: 18px} #nav li:first-of-type::before{content: '';} #nav li a{ display: block; text-decoration: none; line-height: 60px; font-size: 16px; color: #fff;transition: all .3s;-webkit-transition: all .3s;} #nav li a:hover{ background: #49b939; text-decoration: none;} #nav div { position: absolute; visibility: hidden; left: 0px; background: #efefef; width: 150px; z-index:999;} #nav div a { position: relative; display: block; white-space: nowrap; line-height: 30px; padding: 8px 5px; text-decoration: none; background: #efefef; color: #000; text-align:center; font-size: 13px;overflow: hidden;text-overflow:ellipsis;} #nav div a:hover { background: #49b939; color: #fff} #nav .cur>a{ background: #49b939 } #nav .cur div a{ border-top: 0px none; padding-top: 8px;} /*导航*/ /*.navBox{background: url(../images/navbg.gif);height: 70px;!* position:relative;*!} .navBox ul li{float:left;position:relative;background: url(../images/navx.gif) no-repeat right center;height: 70px;} .navBox ul li:last-child{background:none;} .navBox ul li a span{ color: #fff; font-size: 10px; display: block;text-transform:uppercase;} .navBox ul li a {text-align:center;display: block;font-size: 16px;padding: 17px 23px;color: #fff;margin: 0px 0;position: relative;} .navBox ul li dl{display: none;position: absolute;width:340px;background:#f3f3f3;padding-top:30px;padding-left:35px;padding-bottom:20px;overflow:hidden;} .navBox ul li a.cur, .navBox ul li a:hover{background:url(../images/top_1s.png)no-repeat center left;!*position: absolute;*!z-index: 1;height: 48px;left: -4px;top: -6px;right: 0;} .navBox ul li:nth-last-child(2) dl, .navBox ul li:last-child dl{right:0} .navBox ul li dl dt{width:130px;float:left;} .navBox ul li dl dt h3{font-size:20px;color:#444;font-weight:bold;margin-bottom:10px;} .navBox ul li dl dt p{font-size:16px;color:#999;text-transform:uppercase;margin-bottom:20px;} .navBox ul li dl dt .nav-xx{width:30px;height:4px;background:#006db8;} .navBox ul li dl dd{float:left;} .navBox ul li dl dd a{width:170px;height:36px;border:1px solid #d5d5d5;line-height:36px;font-size:16px;color:#444;text-align:center;display:block;margin-bottom:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding: 0 5px;} .navBox ul li:hover dl{display: block; z-index: 999;} .navBox ul li dl dd a:hover{background:#006db8;border-color:#006db8;color:#fff;}*/ /* .is-fixed .navBox{position: fixed;top: 0;left: 0;width: 100%;z-index: 100;-webkit-transition: left 0.3s ease-in-out;-moz-transition: left 0.3s ease-in-out;-o-transition: left 0.3s ease-in-out;-ms-transition: left 0.3s ease-in-out;transition: left 0.3s ease-in-out;} */ /*轮播图*/ #banner .swiper-slide a{display:block;} #banner .swiper-slide img{display:block;max-width:100%;} #banner .swiper-pagination{bottom:25px;font-size:0;} #banner .swiper-pagination-bullet{width:40px;height:6px;background:#79848d;opacity:1;border-radius: unset;} #banner .swiper-pagination-bullet-active{background:#49a802;} #banner .swiper-button-prev{left:70px;} #banner .swiper-button-next{right:70px;} /*搜索*/ .search{border-bottom:1px solid #f5f5f5;} .search .gjc{overflow:hidden; float:left; height:60px; line-height:60px; font-size:14px;color: #666;padding-left:28px;background:url(../images/search_hot.png) no-repeat left;} .search .gjc a{font-size:14px;color: #666;} .search .gjc a:hover{color: #0280f6;} .search .sc{ float:right; margin-top:12px;} .search .sc form{overflow:hidden;position:relative;} .search .sc .tt{ float:left; width:200px; height:34px; line-height:34px; padding:0 100px 0 25px; background:none; border:1px solid #bbb; font-size:14px; color:#999; outline:none;border-radius:18px;} .search .sc .s_bt{position:absolute;right:0;top:0;width:85px;height:36px;line-height:36px;text-align:center;padding-left:22px;background: url(../images/search_bg.png) no-repeat left 18px center; color:#fff; text-decoration:none; background-color:#183888 ;border-radius:18px;font-size:14px;cursor:pointer;} /*关于我们*/ /*.about{padding:75px 0 90px;} .about-con{width:50%;float:left;padding-left:12px;padding-right:32px;margin-top:28px;box-sizing:border-box;} .about-con>h2{font-size:36px;color:#333;margin-bottom:18px;} .about-txt{font-size:15px;color:#666;line-height:1.8;text-align:justify;} .about-btn{display:block;margin-top:48px;width:174px;height:45px;line-height:44px;padding-left:20px;border:1px solid #0280f6;border-radius:30px;text-align:center;position:relative;box-sizing: border-box;font-size:14px;font-weight:bold;color:#666;transition:all .5s;-webkit-transition:all .5s;} .about-btn i{width:45px;height:45px;background:url(../images/about-btn.png) no-repeat;position:absolute;left:-1px;top:-1px;transition:left .5s;-webkit-transition:left .5s;} .about-btn:hover{padding-left:0;padding-right:20px;color:#fff;background:#0280f6;} .about-btn:hover i{animation:page .5s linear 1 forwards;left:128px;} .about-img{width:50%;float:right;position:relative;} .about-img .swiper-slide{position:relative;} .about-img .swiper-slide img{max-width:100%;} .about-img .swiper-slide a{position:absolute;left:0;top:0;background:url(../images/about-vbtn.png) no-repeat center;} .about-img .swiper-slide video{position:absolute;left:0;top:0;width:100%;height:100%;background:#000;} .about-img .swiper-button-prev, .about-img .swiper-button-next{transition:all .3s;-webkit-transition:all .3s;} .about-img:hover .swiper-button-next{right:10px;} .about-img:hover .swiper-button-prev{left:10px;} @keyframes page{ 0% {transform:rotate(0deg);} 100% {transform:rotate(360deg);z-index:10;} }*/ .about { overflow:hidden; width:100%; height:515px; background:url(../images/about_bg.jpg) no-repeat center top;} .about1{ width:1100px; margin:0 auto;} .about h2{ text-align:center; font-size:26px; color:#333; margin-top:50px; padding-bottom:15px; background:url(../images/about.png) no-repeat center bottom; margin-bottom:50px;font-weight: bold;} .about .abox{ overflow:hidden; width:1000px; margin:0 auto;} .about .abox img{ display:block; float:left; border:5px solid #fff;} .about .awen { overflow:hidden; float:right; width:500px;} .about .awen p{line-height: 30px; text-align:justify; overflow:hidden;} .about .awen .btn{ overflow:hidden} .about .awen .btn a{ float:left; margin-right:14px; text-decoration:none; display:block; width:105px; height:80px; border:2px solid #fff; background-color:#fff; opacity:0.8;filter:alpha(opacity=60); text-align:center; font-size:16px; color:#333; border-radius:5px;} .about .awen .btn em{display:block; width:50px; height:50px; margin:0 auto;} /*.about .awen .btn .em01{ background:url(../images/about01.png) no-repeat center top;} .about .awen .btn .em02{ background:url(../images/about02.png) no-repeat center top;} .about .awen .btn .em03{ background:url(../images/about03.png) no-repeat center top;} .about .awen .btn .em04{ background:url(../images/about04.png) no-repeat center top;}*/ .about .awen .btn a:hover em{background-position:bottom !important;} .about .awen .btn a:hover{ border-color:#f07f1b; background-color:#f07f1b; opacity:1; filter:alpha(opacity=100);color:#fff;} /*数字跳动*/ #countup{background-image: linear-gradient(to right, #1dabe4, #034ad8);} .countup-div{width:25%;float:left;padding:40px 0;} .countup-txt{color:#fff;text-align:center;} .countup-txt h4{font-size:18px;} .countup-txt h4 span{font-size:52px;font-weight:bold;} .countup-txt p{font-size:18px;} /*team*/ .title{overflow: hidden;width: 100%;margin-top: 0px;text-align: center;padding-bottom:15px;} .title h2{ font-size: 28px; font-weight: normal; color: #333333; font-weight:bold;} .title h2 a{ color: #333333;} .title em{ background: url("../index/emBg.png") no-repeat center; font-size: 16px; text-transform: uppercase; color: #dfdfdf; margin-top: 5px; display: block; width: 100%;} .title p{ font-size: 14px; color: #999; margin-top: 5px;} .title strong{ color: #183888 } .team{ overflow: hidden; width: 100%; background-color: #fff; padding-bottom: 60px;} .team .title em{background: url("../index/team_titBg.png") no-repeat center;} .team .teamBox{ position: relative; width: 1200px; margin-top: 45px; height: 450px; overflow: hidden} .team .list{ position: absolute; top:0; left:0} .team .list li{ width: 270px; margin-right: 30px; float: left;} .team .list li img{ display: block; } .team .list li h3{font-weight: normal;color: #444;font-size: 18px;margin-top: 15px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .team .list li h3 a{font-weight: normal;color: #444;font-size: 18px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;text-decoration:none;} .team .list li h3 a:hover{color:#ce224a;} .team .list li p{line-height: 22px;overflow: hidden;font-size: 14px;color: #666;margin-top: 10px;} .team .list li a.img-a{ width: 270px; height: 318px; overflow: hidden; display: block} .team .list li a.img-a img{ transition: all 0.5s; transform: scale(1); background-color: #000} .team .list li a.more{ width: 69px; height: 21px; text-align: center; font-size: 14px; border: 1px solid #dcdcdc; line-height: 21px; display: block; color: #999; margin-top: 15px; text-transform: uppercase} .team a.team-a{ display: block; width: 135px; height: 38px; margin: 40px auto 0; overflow: width:148px;line-height: 38px;background-color: #183888 ; font-size: 18px; text-align: center; color: #fff;} .team .list li:hover a.img-a img{ transform: scale(1.1);opacity: .85} /*标题*/ .title{text-align:center;} /*.title h2{color:#333;font-size:36px;margin-bottom:8px;}*/ /*.title p{font-size:18px;color:#666;display:inline-block;padding:0 50px;background:url(../images/title-x.jpg) no-repeat center;}*/ .title p span{padding:0 22px;background:#fff;} /* Product */ #product{margin: 60px auto; width: 1200px;} #product .pro-top{font-size: 40px;font-weight: bold;color:#333;text-align: center;line-height: 60px;position: relative;} #product .pro-top::before{content: '';position: absolute;left: 50%;top: 50%;margin-left: -6px;margin-top: -6px;width: 12px;height: 12px;background: #333;border-radius: 50%} #product .pro-top span{color: #0075c5} #product .pro-con{color: #aaa;font-size: 18px;text-align: center;line-height: 25px} #product .pro-xian{width: 80px;height: 2px;background: #0075c5;margin: 10px auto;} #product .pro-main{margin-top: 60px;overflow: hidden;} #product .pro-left{overflow: hidden;width: 270px;float: left;} #product .pro-left .pro-left-top{width: 270px;height: 125px;background: url(../images/pro-cen.png) no-repeat top;} #product .pro-left .pro-left-bor{border: 5px solid #0075c5;} #product .pro-left .pro-left-bor ul{padding: 0 12px;} #product .pro-left .pro-left-bor ul li{line-height: 40px;border-bottom: 1px dashed #49b939;padding-left: 5px;background: url(../images/jiantou.png) no-repeat 190px} #product .pro-left .pro-left-bor ul li a{color: #0075c5;font-size: 16px} #product .pro-left .pro-left-bor ul li:hover{border-bottom: 1px dashed #49b939;background: url(../images/jiantou-x.png) no-repeat 210px} #product .pro-left .pro-left-bor ul li:hover a{color:#49b939;} #product .pro-left .pro-left-bor .pro-left-p1{text-align: center;font-size: 18px;color: #222;line-height: 25px;margin-top: 34px} #product .pro-left .pro-left-bor .pro-left-p2{text-align: center;font-size: 30px;color: #0075c5;font-weight: bold;line-height: 40px;margin-bottom: 20px} #product .pro-right{width: 900px;float: right;} #product .pro-right .pro-right-top{width: 900px;border:1px solid #0075c5;box-sizing:border-box;-moz-box-sizing:border-box;position: relative;} #product .pro-right .pro-right-top li{line-height: 42px;width: 110px;text-align: center;color: #666;font-size: 18px;display: inline-block;float: left;cursor: pointer;} #product .pro-right .pro-right-top li.on{background: #0075c5;color: #fff;} #product .pro-right .pro-right-top a{position: absolute;right: 20px;top: 50%;color: #666;font-size: 14px;line-height: 20px;margin-top: -10px} #product .pro-right .pro-right-main{overflow: hidden;} #product .pro-right .pro-right-main ul{overflow: hidden;} #product .pro-right .pro-right-main ul li{margin:30px 30px 0 0;width: 280px;float: left;} #product .pro-right .pro-right-main ul li:nth-child(3n){margin-right: 0} #product .pro-right .pro-right-main ul li a{display: block;overflow: hidden;} #product .pro-right .pro-right-main ul li a.pro-img{border:1px solid #0075c5;} #product .pro-right .pro-right-main ul li a.pro-img img{width: 278px;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;} #product .pro-right .pro-right-main ul li a.pro-img img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);} #product .pro-right .pro-right-main ul li a.pro-aaa{width: 260px;height: 50px;background: #0075c5;color: #fff;padding:0 10px;line-height: 50px;position: relative;} #product .pro-right .pro-right-main ul li a.pro-aaa::after{content: '';width: 12px;height: 10px;background: url(../images/pro-aaa-x.png) no-repeat;position: absolute;top: 50%;right: 20px;margin-top: -5px} #product .pro-right .pro-right-main ul li:hover a.pro-img{border:1px solid #0075c5;} #product .pro-right .pro-right-main ul li:hover a.pro-aaa{background: #0075c5} /* Area */ #area{height: 474px;background: url(../images/areabg.jpg) no-repeat;overflow: hidden;} #area .area-top{text-align: center;margin-top: 35px;} #area .area-top p{font-size: 40px;font-weight: bold;color:#0075c5;} #area .area-top span{font-size: 18px;color: #666;line-height: 30px} #area .area-list{margin-top: 30px} #area .area-list ul{width: 1100px;height:300px;overflow: hidden;margin: 0 auto;} #area .area-list ul li{width: 243px;height: 283px;float: left;margin: 0 13px;background: #ededed;padding: 3px;position: relative;} #area .area-list ul li::after{content: '';background: url(../images/area-bot.png) no-repeat;width: 259px;height: 20px;position: absolute;bottom: -12px;left:50%;margin-left: -129.5px} #area .area-list ul li img{width: 243px;height: 243px;} #area .area-list ul li p{line-height: 42px;text-align: center;color: #333;font-size: 16px} #area .area-list ul li:hover{background: #0075c5;} #area .area-list ul li:hover p{color:#fff;} /* Choose */ #choose{background: url(../images/choosebg.jpg) no-repeat top;height: 600px;overflow: hidden;} #choose .choose-top{text-align: center;margin-top: 35px;} #choose .choose-top h2{font-size: 30px;color: #bdbdbd;font-family: Georgia;} #choose .choose-top p{font-size: 40px;color: #0075c5;font-weight: bold;line-height: 64px;} #choose .choose-ul{width: 1200px;margin: 0 auto;overflow: hidden;margin-top: 150px} #choose .choose-ul li{width: 240px;padding: 0 30px;float: left;} #choose .choose-ul li .choose-img{text-align: center;} #choose .choose-ul li p{text-align: center;font-size: 26px;color: #0075c5;line-height: 50px;} #choose .choose-ul li span{font-size: 14px;color: #666;line-height: 25px;padding: 0 8px;display: block;text-align: justify;} .service{ overflow: hidden; width: 100%; height: 2100px; position: relative;background: url(../images/zjbj.png) no-repeat center;} .service .title{ margin-top: 10px;} .service .serviceBig{ width: 100%;position: relative;} .service .serviceBig a{width: 131px;height: 86px;background: url(../index/service_Bg01.png) no-repeat center;text-align: center;padding-top: 46px;position: absolute;display: block;text-decoration: none;animation:dong 2s infinite;} .service .serviceBig a span{font-size: 23px;color: #333333;font-weight: bold;display: block;margin: 0 0 4px 0;text-shadow:2px 2px 8px #fff;} .service .serviceBig a em{font-size: 12px;color: #666666;font-family: arial;text-transform: uppercase;} .service .serviceBig .p1{left: 76px;top: 247px;} .service .serviceBig .p2{left: 311px;top: 204px;} .service .serviceBig .p3{left: 545px;top: 242px;} .service .serviceBig .p4{left: 779px;top: 216px;} .service .serviceBig .p5{left: 1013px;top: 134px;} .service .serviceBig a:hover{background: url(../index/service_Bg02.png) no-repeat center;} .service .serviceBig a:hover span,.service .serviceBig a:hover em{color: #fff;text-shadow:0px 0px 0px #fff;} /* About */ #about {background: url(../images/aboutbg.png) no-repeat center;height: 561px;overflow: hidden;} #about .about-top{text-align: center;margin-top: 45px;} #about .about-top p{font-size: 40px;color: #fff;font-weight: bold;line-height: 60px} #about .about-top span{font-size: 14px;color: #fff;line-height: 25px} #about .about-top .about-xian{width: 420px;height: 8px;background: url(../images/about-xian.png) no-repeat;margin: 0 auto;} #about .about-main{width: 1200px;margin:40px auto 0;overflow: hidden;} #about .about-main .about-img{width: 514px;height:287px;float: left;border:6px solid;border-image: linear-gradient( to right, #fff, #0175c5) 30 30;} #about .about-main .about-img img{max-width: 100%} #about .about-main .about-con{width: 596px;float: right;line-height: 35px;font-size: 14px;color: #fff;padding: 10px 30px 0;text-align: justify;} #about .about-a{display: block;width: 170px;height: 45px;background: #0075c5;color: #fff;font-size: 14px;text-align: center;line-height: 45px;letter-spacing: 1px;/*margin-top:30px;*/} #about .about-a:hover{background: #3a912d} /* Honor */ #honor{margin-top: 70px;} #honor .honor-top{text-align: center;} #honor .honor-top p{font-size: 40px;font-weight: bold;color: #333;line-height: 60px} #honor .honor-top em{color: #0075c5;font-style: normal;font-weight: bold;} #honor .honor-top span{color: #aaa;font-size: 18px;line-height: 25px} #honor .honor-top .honor-xian{width: 80px;height: 2px;background: #0075c5;margin: 10px auto 0;} #honor .honor-bg{padding: 50px 0;position: relative;} #honor .honor-bg::before{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 50%;background: #e6ebf1;} .scroll_horizontal{position:relative;width:1300px;margin:0 auto;} .scroll_horizontal .box{overflow:hidden;position:relative;width:1200px;margin:0 auto;} .scroll_horizontal .list{overflow:hidden;width:9999px;} .scroll_horizontal .list li{float:left;width:300px;} .scroll_horizontal .list li a{display: block;width: 280px;margin: 0 10px;border: 1px solid #666;overflow: hidden;} .scroll_horizontal .list li img{float:left;} .scroll_horizontal .prev{position:absolute;top:50%;margin-top:-32px;width:34px;height:64px;background-image:url(../images/honor-left.png);background-repeat:no-repeat;cursor:pointer;} .scroll_horizontal .next{position:absolute;top:50%;margin-top:-32px;width:34px;height:64px;background-image:url(../images/honor-right.png);background-repeat:no-repeat;cursor:pointer;right:0;} .scroll_horizontal .list li img{width: 100%;transition:1s;} .scroll_horizontal .list li:hover img{transform: scale(1.1);} /* Info */ #info{width: 1200px;margin: 40px auto 0;overflow: hidden;} /* News */ #news{width: 720px;float: left;} .classroom{background: url(../images/news-xian.jpg) no-repeat bottom;height: 47px;position: relative;} .classroom::before{content: '/';position: absolute;font-size: 22px;color: #333;left: 122px;top: 9px;} .classroom li { color: #333;font-size: 22px;line-height: 45px; cursor: pointer; transition: all .3s; -webkit-transition: all .3s;display: inline-block;padding: 0 18px;} .classroom li a{} .classroom li.kt, .classroom li:hover { border-bottom: 2px solid #0075c5;color: #0075c5; } .classroom li.kt a, .classroom li:hover a { } .classroom .news-more{position: absolute;color: #a7a7a7;font-size: 13px;right: 10px;top: 17px;} #news .news-xian { width: 80px; height: 1px; background: #d2d2d2; margin-top: 10px; margin-bottom: 10px;} #news .news-atitle { margin: 5px 0; } #news .news-atitle:hover { color: #215eb6; } #news ul.news-ul li p { font-size: 15px; color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } #news ul.news-ul li .news-img{float: left;width: 210px;} #news ul.news-ul li .news-con {float: right; width: 480px; line-height: 25px; color: #666;font-size: 13px;} #news ul.news-ul li .news-con a{color: #0075c5} #news ul.news-ul li:hover>div { background: #fff; } #news ul.news-ul li:hover .news-time { background: #0075c5; } #news ul.news-ul li:hover p { color: #007dfa; } #news ul.news-ul li:hover div.news-xian { background: #007dfa; } #news .news-more a, #news .faq-more a { display: block; width: 170px; height: 45px; border: 2px solid #d2d2d2; line-height: 44px; text-align: center; letter-spacing: 1px;font-size: 14px; margin: 20px auto; } #news .news-more a:hover, #news .faq-more a:hover, #footer .liuyan-a a:hover { background: #215eb6; color: #fff; border: 2px solid #215eb6; } .box-zs {} .box-zs img{max-width: 100%;border:1px solid #eee;} .news-ul{float: left;width: 100%} .news-ul1{} .news-ul1 li{margin: 20px 0;overflow: hidden;} .news-ul2 li{margin-right: 33px;margin-bottom: 12px;width: 343px;float: left;} .news-ul2 li:nth-child(even){margin-right:0;} .news-ul2 li>div{height: 40px;background: #f6f6f6;} .news-ul2 li .news-time{width: 40px;height: 40px;text-align: center;float: left;background: #979797;color:#fff;} .news-ul2 li .news-time i{display: block;color: #fff;font-size: 18px;font-style: normal;margin-top: 1px;} .news-ul2 li .news-time em{display: block;color: #dcdcdc;font-size: 12px;text-transform: uppercase;} .news-ul2 li span{line-height: 40px;color: #5a5a5a;float: right; width: calc(100% - 50px);overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} /* Faq */ #faq{width: 440px;float: right;} #faq .faq-top{height: 47px;background: url(../images/faq-top.png) no-repeat left bottom;position: relative;} #faq .faq-top p{line-height: 45px;color: #333;font-size: 22px} #faq .faq-top .faq-more{position: absolute;color: #a7a7a7;font-size: 13px;right: 10px;top: 17px;} #faq .faq-main{margin-top: 10px;} #faq .faq-main dl{margin-bottom: 20px;} #faq .faq-main dl dt{overflow: hidden;margin-bottom: 10px} #faq .faq-main dl dt b{width: 22px;height: 22px;line-height: 22px;color: #fff;background: #0075c5;display: block;text-align: center;font-weight: 400;float: left;} #faq .faq-main dl dt a{line-height: 22px;float: right;width: calc(100% - 40px);overflow: hidden;text-overflow:ellipsis;white-space: nowrap;color: #0075c5;font-size: 14px;} #faq .faq-main dl dd{overflow: hidden;margin-bottom: 10px;border-bottom: 1px dashed #e5e5e5;} #faq .faq-main dl dd b{width: 22px;height: 22px;line-height: 22px;color: #fff;background: #5a5959;display: block;text-align: center;font-weight: 400;float: left;} #faq .faq-main dl dd span{width: calc(100% - 40px);float: right;line-height: 22px;color: #919191;font-size: 14px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} #faq .faq-main dl:hover a{font-weight: bold;} /* Link */ #link{ margin: 0px auto; padding: 0px; padding-top: 0px; width: 1200px; padding: 25px 0; overflow: hidden;} #link .link-top{ color: #333; font-size: 22px; line-height: 50px; background: url(../images/link-top.png) left bottom no-repeat;} #link .linkList{ padding-top: 10px;height: 20px; line-height: 20px; overflow: hidden;} #link .linkList a{ color: #666; font-size: 12px; } #link .linkList a:hover{ color: #0075c5;} #link .linkList span{ padding-left: 8px; padding-right: 8px; font-size: 6px; color: #666; font-family: Arial;} /*底部开始*/ .sj_db {overflow: hidden;background: url(../images/foot_bg.jpg) repeat-x;} .sj_db .footer {min-height:209px;margin: 0 auto;width: 1200px;padding: 0;overflow: hidden;} .sj_db .footer .footer-top {margin: 35px 0 20px; text-align: center;color: #fff; background-image: url(../images/bot_nvbg.png); background-repeat: repeat-x;height: 35px;line-height: 35px;} .sj_db .footer .footer-top a {color: #fff;font-size: 14px;padding: 0 20px;} .sj_db .footer .footer-text {text-align: center;color: #fff;line-height: 180%;padding-bottom: 15px} .sj_db .footer .footer-text p {font-size: 14px;} .sj_db .footer .footer-text a {color: #fff} .sj_db .footer .footer-top a:hover{color: #0075c5;} .mf-bg {width:100%;padding-top:280px;background:#fff url(../images/bg07.jpg) no-repeat center 0;} .mf {width:1300px;background:#fff;margin:0 auto 20px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;-webkit-box-shadow:0 5px 6px 1px rgba(0,0,0,.2);-moz-box-shadow:0 5px 6px 1px rgba(0,0,0,.2);box-shadow:0 5px 6px 1px rgba(0,0,0,.2);} .mf-ula {width:1250px;margin:0 auto;padding:30px 0;position:relative;z-index:1;} .mf-ula li{display:inline-block;padding:10px 50px;background:#efefef;margin-right:20px;-moz-border-radius:30px;-webkit-border-radius:30px;border-radius:30px;font-size:16px;color:#555;cursor:pointer;} .mf-ula li.on{background:#183888 ;color:#fff;} .mf-a {width:1250px;height:420px;margin:0 auto;overflow:hidden;} .mf-a ul{width:110%;display:none;} .mf-a ul.on{display:block;} .mf-a ul li{width: 230px;height: 188px;float:left;margin:0 24px 22px 0;overflow:hidden;} .mf-a ul li img{width: 224px;height: 150px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;border: 1px solid #ccc;padding:2px;} .mf-a ul li p{padding-top:7px;text-align:center;font-size:16px;color:#555;} /*.mf-a ul li:hover p{background-color:#183888 ;border-radius:10px;}*/ .mf-a ul li:hover a{color: #183888 ;} .mf-a ul li:hover img {border: 1px solid #183888 ;} .zl_bj{ background:url(../images/sida.png) no-repeat center; height:420px; overflow:hidden;} .zl{ padding-top:30px; text-align:center;} /*.zl h1{ font-size:36px; color:#183888 ; font-weight:normal; height:52px; transition: all 0.3s;} .zl h1:hover{ margin-left:-10px;} .zl h2{ font-size:18px; color:#686E7E; font-weight:normal; height:27px;}*/ .zl h4{ font-size:28px; color:#49a802; line-height:55px;font-weight: bold;} .zl span{ font-size:14px; color:#49a802; display:block;} .zl ul{ margin-top:50px;} .zl ul li{ float:left; width:214px; height:89px; overflow:hidden; margin-right:42px; margin-left:42px; padding-top:125px;border-radius:120px;} .zl ul li.list{ margin-right:0px;} .zl ul li em,.zl ul li p{ color:#666; font-style:normal;} .zl ul .li1{ background:url(../images/dz1.png) no-repeat left top; transition: all 0.25s;} .zl ul .li2{ background:url(../images/dz2.png) no-repeat left top; transition: all 0.25s; } .zl ul .li3{ background:url(../images/dz3.png) no-repeat left top; transition: all 0.25s;} .zl ul .li4{ background:url(../images/dz4.png) no-repeat left top; transition: all 0.25s;} .zl ul .li5{ background:url(../images/dz5.png); transition: all 0.25s;} .zl ul .li1:hover em,.zl ul .li1:hover p,.zl ul .li1 .cur em,.zl ul .li1.cur p{ color:#fff;} .zl ul .li1:hover,.zl ul .li1 .cur{background-position: bottom !important;} /*.zl ul .li1:hover em,.zl ul .li1:hover p,.zl ul .li1.cur em,.zl ul .li1.cur p{ color:#fff;} .zl ul .li2:hover,.zl ul .li2.cur{ background:url(../images/dz2.png) no-repeat; background-position:0px -215px;} .zl ul .li2:hover em,.zl ul .li2:hover p,.zl ul .li2.cur em,.zl ul .li2.cur p{ color:#fff;} .zl ul .li3:hover,.zl ul .li3.cur{ background:url(../images/dz3.png) no-repeat; background-position:0px -215px;} .zl ul .li3:hover em,.zl ul .li3:hover p,.zl ul .li3.cur em,.zl ul .li3.cur p{ color:#fff;} .zl ul .li4:hover,.zl ul .li4.cur{ background:url(../images/dz4.png) no-repeat; background-position:0px -215px;} .zl ul .li4:hover em,.zl ul .li4:hover p,.zl ul .li4.cur em,.zl ul .li4.cur p{ color:#fff;} .zl ul .li5:hover,.zl ul .li5.cur{ background:url(../images/dz5.png) no-repeat; background-position:0px -215px;} .zl ul .li5:hover em,.zl ul .li5:hover p,.zl ul .li5.cur em,.zl ul .li5.cur p{ color:#fff;}*/ .zl ul li em{ color:#2B2B2B; font-size:20px; font-weight:bold; height:30px; display:block; font-style:normal;} .zl ul li p{ color:#2B2B2B; font-size:15px;} .adv_a{ background:url(../images/xb1.jpg) no-repeat center; width:100%; overflow:hidden; height:250px; } .active{width: 1200px;margin: 0 auto;box-sizing: border-box;background: #fff} .list-none{ list-style:none; padding:0px; margin:0px;overflow: hidden;} /* !*图片模块*! #imglist{ padding:15px; } #imglist li{ float:left; display:inline; text-align:center;margin: 0 16px;} #imglist li a.img{ font-size:0px; display:block;!*border:1px solid #ccc;*!padding: 2px;} #imglist li a.img img{ margin:auto; } #imglist li:hover a.img img{ opacity: 0.8; } #imglist li h3{ padding:5px 0px 10px; font-weight:normal; line-height:1.5;} #showimg{ padding:15px;} #showimg h1.title{ font-size:18px; padding:5px 0px; margin-bottom:10px; text-align:center;} #showimg .imgshow{ text-align:center;} #showimg .editor{ line-height:2; padding:0px 10px; font-size:14px;} .imgparalist li{ padding:3px 15px 3px; background:url(../images/dt-0.gif) no-repeat 5px center;} .imgparalist li span{ float:left; margin-right:10px; color:#999;} #showimg .ctitle{ margin:10px 0px 10px; padding:5px 20px; background:url(../images/dt-7.gif) no-repeat left center; *background-position:left 17px; font-size:14px; border-bottom:1px dotted #ccc; } */ .metlist {margin-top: 16px} .mainTitle{ margin: 0px auto; padding: 0px; width: 100%; position: absolute; top: 478px; height: 90px; left: 0px; overflow: hidden; z-index: 99;} .mainTitle .mainTitleH1{ margin: 0px auto; padding: 0px; width: 1200px; height: 54px; line-height: 54px; background:rgba(255, 255, 255, 0.8) none repeat scroll 0 0 !important; filter:Alpha(opacity=80); background:#fff;} .mainTitle .mainTitleH1 h1{ float: left; position:relative; font-size: 24px; color: #26627d; padding-left: 20px;} .mainTitle .mainTitleH1 h2{ float: left; position:relative; font-size: 24px; color: #26627d; padding-left: 20px;} .mainTitle .mainTitleH1 h6{ float: right; padding-right: 20px; font-size: 12px;} .mainTitle .mainTitleH1 h6 img{margin-right: 5px} .mainTitle .mainTitleH1 span{ font-family: Arial; font-size: 10px; padding-left: 8px; padding-right: 8px;} .mainTitle1{ margin: 0px auto; padding: 0px; width: 100%; position: absolute; top: 515px; height: 54px; left: 0px; overflow: hidden; z-index: 99;} .mainTitle1 .mainTitleH1{ margin: 0px auto; padding: 0px; width: 1200px; height: 54px; line-height: 54px; background:rgba(255, 255, 255, 0.8) none repeat scroll 0 0 !important; filter:Alpha(opacity=80); background:#fff;} .mainTitle1 .mainTitleH1 h1{ float: left; position:relative; font-size: 24px; color: #26627d; padding-left: 20px;} .mainTitle1 .mainTitleH1 h2{ float: left; position:relative; font-size: 24px; color: #26627d; padding-left: 20px;} .mainTitle1 .mainTitleH1 h6{ float: right; padding-right: 20px; font-size: 12px;} .mainTitle1 .mainTitleH1 h6 img{margin-right: 5px} .mainTitle1 .mainTitleH1 span{ font-family: Arial; font-size: 10px; padding-left: 8px; padding-right: 8px;} .mainNav{ margin: 0px auto; padding: 0px; width: 1200px; border-top: 1px #0075c5 solid; height: 35px; line-height: 35px; background: #e8e8e8;} .mainNav li{ float: left; border-right: 1px #c8c8c8 solid; padding: 0px; height: 35px; line-height: 35px;} .mainNav a{ padding-left: 20px; padding-right: 20px; font-size: 14px; display: inline-block; line-height: 35px; height: 35px;} .mainNav a:hover{ background: #0075c5; color: #fff; text-decoration: none;} .mainNav .cur{ background: #0075c5; } .mainNav .cur a{ color: #fff;} .active{width: 1200px;margin: 0 auto;box-sizing: border-box;background: #fff} .jbbg{background: linear-gradient(to top, #fff, #eee);margin-bottom: 20px;} .index-title{font-size: 35px;text-align: center;margin: 0 auto;display: flex;width: 500px;} .index-title .index-line{background: linear-gradient(transparent 48%, #333 48%, #333 52%, transparent 52%);flex: 1;} .index-title .index-title-name{padding: 0 20px;color: #215eb6} /*栏目页推荐新闻*/ .topnew{width: 1200px;margin: 0 auto;padding-bottom: 30px} .tjnew{margin-top:20px;} .tjnew_top{line-height:40px; height:40px; width:1200px; border-bottom:1px #ccc solid;} .tjnew_top h2{float:left;width:150px; text-indent:15px; height:40px; line-height:40px; border-bottom:2px #0075c5 solid; color:#0075c5; font-size:18px;font-weight: bold;} .tjnew_top em{float:right; margin-right:5px; text-transform:uppercase; font-size:14px; color:#ccc;} .tjnew_top em a{text-align:right; color:#ccc;} .tjnew_top em a:hover{color:#0075c5;} .tjnew_nr{margin-top:10px; width:1200px;} .tjnew_nr dl{overflow:hidden;} .tjnew_nr dl dt{float:left; overflow:hidden; width:331px; display:block;} .tjnew_nr dl dt img{display:block; width:307px; border:1px #ccc solid; padding:2px;} .tjnew_nr dl dt img:hover{ border:1px #0075c5 solid;} .tjnew_nr dl dd{float:right; width:867px;} .tjnew_nr dl dd h2{font-size:16px; color:#333;font-weight:bold;margin-top: 20px;} .tjnew_nr dl dd h2 a{ color:#333; line-height:40px; text-decoration:none;} .tjnew_nr dl dd h2 a:hover{color:#0075c5;} .tjnew_nr dl dd p{font-size:14px;line-height:25px; color:#4b4b4b;} .tjnew_nr dl dd em{display:inline-block; width:100px; line-height:40px; background:#ccc;margin-top:30px; float:right; text-transform:uppercase; text-align:center; color:#4b4b4b; font-size:14px;} .tjnew_nr dl dd em:hover{background:#0075c5;} .tjnew_nr dl dd em:hover a{color:#fff; text-decoration:none;} .tjnew_nr ul{margin-top:20px;overflow: hidden;} .tjnew_nr ul li{float:left; width:48%; height:40px; line-height:40px; margin-right:20px; border-bottom:1px #ccc dashed;} .tjnew_nr ul li a{font-size:14px; color:#4b4b4b; text-indent:25px;} .tjnew_nr ul li a:hover{ color:#0075c5;} .tjnew_nr ul li em{float:right; font-size:13px; color:#ccc;line-height:40px; margin-right:8px;} /**/ #case{ width:100%; height:645px; min-width:1200px;font-family:"Microsoft YaHei"; margin-top:15px; } .case {margin-top:20px; overflow:hidden} .case_nor { width:909px; padding-left:35px; padding-top:15px; height:93px; overflow:hidden} .case_nor li { border: solid 1px #ccc; height:30px; line-height:30px; padding-left:25px; padding-right:25px; float:left; margin-right:30px; margin-bottom:15px;} .case_nor li a{font-size:14px;} .case_nor li a:hover {color:#ce2029;} .casetu { overflow: hidden; font-family:Microsoft YaHei; font-size:14px; height:481px;} .tulist { width:200px;} .film_bt{width:1200px; font-size:18px; text-align:center; line-height:50px; margin:0 auto; margin-top:40px;} .film_bt span{ font-size:35px; font-weight:bold; color:#ff8902;} .film_focus{ width: 1200px; height: 534px; overflow: hidden; position: relative; margin: 0 auto; border-radius:10px; margin-left:12px; } .film_focus .film_focus_imgs_wrap{width:820px;height:534px;/*background:url(../images/9755.gif) no-repeat center center; */ position: absolute; right: 0;} .film_focus ul.film_focus_imgs img{width:790px;height:526px;border:4px #f0f0f0 solid;display: block;-webkit-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out;} .film_focus ul.film_focus_imgs img:hover{transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2);} .film_focus ul.film_focus_imgs{width:798px; height:auto; position:absolute;left:0;top:0; } .film_focus ul.film_focus_imgs li{height:534px !important; overflow:hidden !important; position: relative;} .film_focus ul.film_focus_imgs li span{display: block;position: absolute; bottom: 0;left: 0; width:97%;height:100px; line-height:28px; padding-left:20px; padding-top:10px; font-size: 16px; color:#fff;background:rgba(0,0,0,0.8);} .film_focus .film_focus_desc{ width:365px; position: absolute; left: 0;} .film_focus .film_focus_desc h3{ height:45px;line-height:45px;overflow:hidden;position:absolute;left:0;bottom:0;background:rgba(0,0,0,.5);color:#fff; text-align:center;z-index:99;font-size:16px;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7F000000',endColorstr='#7F000000'); } .film_focus ul.film_focus_nav a{ font-size: 22px; } .film_focus ul.film_focus_nav{width: 365px; position: absolute;right: 0; _right: -45px; top: 0; z-index: 100;} .film_focus ul.film_focus_nav li{ height: 70px; padding-left:100px; line-height: 70px; margin-bottom:22px; font-size: 20px; background: url(../images/6001.png) no-repeat; position: relative; } .film_focus ul.film_focus_nav li.cur{ background: url(../images/3578.png) no-repeat; width: 365px; color:#fff ; _background: url(../images/3578.jpg) no-repeat 0 0; } .film_focus ul.film_focus_nav li.cur a{color:#fff;} .film_focus ul.film_focus_nav li img{position:absolute;left:24px;top:8px;} .top25 { margin-top:10px;} /*案例*/ .huoban{ width:100%; /*background:url(../images/huoban_bj.jpg) no-repeat center;*/ margin:0 auto; height:270px; margin-top:20px;} .huoban_t h3{font-size: 30px; font-weight: normal; color: #333333;} .huoban_t h3 strong{ color:#183888 ;} .huoban_t{ margin:0 auto; text-align: center; width:250px; height:34px;} .huoban_t img{ margin-top:10px;} .Honor{padding:18px 0; overflow: hidden; border:1px solid #ccc; background:#fff; } .Hntab li:hover,.Hntab li.on{ background: #ac1402;} .Hntab li:hover a,.Hntab li.on a{ color: #fff;} .Hntab li:hover i,.Hntab li.on i{ display: block;} .Honor .Showbox{ height:180px;} .prdcont_r .cpshow ul li:hover img { opacity:1; filter:alpha(opacity=100);-webkit-transform:scale(1.25 , 1.25) rotate(10deg);-moz-transform:scale(1.25 , 1.25) rotate(10deg);-ms-transform:scale(1.25 , 1.25) rotate(10deg);-o-transform:scale(1.25 , 1.25) rotate(10deg);transform:scale(1.25 , 1.25) rotate(10deg);} .Honor .hnlisder{position:relative; width:1200px; margin:0 auto;} .Honor .hnlisder ul{overflow:hidden; width: 1000px;} .Honor .hnlisder ul li{float:left;　border:1px solid #c7c7c7; text-align:center; margin:0 10px; border:1px solid #ccc;} .Honor .hnlisder ul li img{display: block; width:210px; height:150px;} .Honor .hnlisder ul li p{height:30px; line-height:30px; margin-top:3px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .Honor .hnlisder ul li p a{font-size:14px; color:#444;} .Honor .hnlisder .btn{display:block; width:29px; height:31px; position: absolute; top:70px;} .Honor .hnlisder .prev{left:20px; /*background:url(../index/pbot3.png) no-repeat;*/} .Honor .hnlisder .next{right:20px; /*background:url(../index/pbot4.png) no-repeat;*/} .hnlisder .tempWrap{ width:1140px !important; margin:0 auto; padding-top:0px;} .hnlisder ul li p{ display:block;} .hnlisder ul li h5{ height:25px; line-height:25px; font-weight:inherit;} .hnlisder ul li:hover{ background:#49a008; color:#fff; border:1px solid #49a008;} /*流程*/ .hzlc{ margin-top:25px;} .lc{ overflow: hidden; width: 100%;background: url(../images/hzlc.jpg) no-repeat center;height: 375px;} .lc img{ display: block} .lc .lcBox{ position: relative;height: 404px;padding-top: 40px;} .lc .lcBox ul{width: 100%;overflow: hidden;} .lc .lcBox li{width: 120px;float: left;margin-right: 26px;text-align: center;} .lc .lcBox li:first-child{margin-left: 26px;} .lc .lcBox li img{margin: 0 auto;-webkit-transition: all 0.6s ease-in-out;-moz-transition:all 0.6s ease-in-out;-o-transition:all 0.6s ease-in-out;-ms-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out;} .lc .lcBox li img:hover{-webkit-transform:rotate(360deg) scale(1,1); -moz-transform:rotate(360deg) scale(1,1); -o-transform:rotate(360deg) scale(1,1); -ms-transform:rotate(360deg) scale(1,1); transform:rotate(360deg) scale(1,1);} .lc .lcBox span{font-size: 14px;color: #666;display: block;margin-top: 14px;} .lc .phone{ background: url("../images/lcBg.png") no-repeat center; overflow: hidden; width: 206px; padding: 0 20px; height: 77px; color: #fff; position: absolute; right: 60px; bottom: 115px;} .lc .phone p{ font-size: 18px; margin-top: 10px; color:#fff;} .lc .phone b{font-size: 22px;margin-top: 0px;font-weight: normal;display: block;padding-left:30px;background: url(../images/hothone.png) no-repeat left center;background-size:22px;margin-top: 7px;} .m9_main{width:1200px; height:560px; overflow:hidden; padding:40px 0 0 0; margin:0 auto;} .m9_main .main{ width:1200px;height:auto; overflow:hidden; margin:30px 0 0} .m9_main .main ul{} .m9_main .main ul li{ width:552px; height:168px; padding:12px 6px; border-radius:147px; border:3px solid #ddd; float:left; margin:0 30px 24px 0;} .m9_main .main ul li:hover{border:3px solid #183888 ; border-radius:147px;} .m9_main .main ul li img{ border-radius:50%; display:block; width:170px; height:170px; margin-left:15px; float:left;} .m9_main .main ul li .wenzi{ width:262px; height:auto; overflow:hidden; padding:16px 0 0 42px; float:left; text-align:left;} .m9_main .main ul li .wenzi h5{ width:262px;height:32px; overflow:hidden; line-height:32px; font-size:15px; font-weight:bold; color:#333333; } .m9_main .main ul li .wenzi p{ width:262px;height:92px; overflow:hidden; line-height:24px; font-size:13px; color:#666; } .m9_main .main dl{ width:540px;height:168px;padding:12px 16px; border-radius:147px; border:3px solid #dddddd; float: left; margin:0 30px 24px 0;} .m9_main .main dl dt{ width:170px;height:170px;border-radius:50%; float:left;} .m9_main .main dl dt a,.m9_main .main dl dt img{ width:170px;height:170px;border-radius:50%; display:block;} .m9_main .main dl dd{ width:262px;height:auto; overflow:hidden;padding:30px 0 0 16px; float:left; text-align:left;} .m9_main .main dl dd h5{ width:262px;height:32px; overflow:hidden; line-height:32px; font-size:15px; font-weight:bold; color:#333333; } .m9_main .main dl dd p{ width:262px;height:72px; overflow:hidden; line-height:24px; font-size:13px; color:#7c7c7c; } .m9_mainmore{ text-align: center; left:46.5%; position: absolute; margin-top:15px} .m9_mainmore a{border:3px solid #99999985; display: block; -moz-border-radius: 30px;border-radius: 30px; padding:6px 30px; font-size:14px; color:#99999985} .m9_mainmore a:hover{border:3px solid #FF8C01; background-color:#FF8C01; color:#fff; } .m9_main .main .on{ margin-right:0} .beijing{ background: url(../images/product.jpg) no-repeat;} .conter1 {width: 100%;/*background: url(../index/index1bg.jpg) no-repeat center;*/height: 540px;margin: auto; margin-top:30px;} .con1 {width: 1200px;height: auto;margin: auto;overflow: hidden;} .con1 h1 {font-size: 40px;color: #0d0d0d;text-align: center;margin-top: 75px;margin-bottom: 50px;} .con1 ul {height: auto;margin: auto;overflow: hidden; margin-top:18px;} .con1 li {float: left;width: 240px;} .con1 li a {width: 228px;height: 317px;margin: auto;border: 1px solid #d3d3d3;display: block;} .con1 li a i {width: 155px;margin: auto;height: 120px;display: block;margin-top: 25px;} .con1 li .i1 {width: 155px;margin: auto; height: 120px;display: block;background: url(../images/nav1.png)no-repeat;} .con1 li a i.i2 {background: url(../images/nav2.png);} .con1 li a i .i3 {background: url(../images/nav3.png);} .con1 li a p {width: 139px;height: 43px;border-radius: 25px;margin: auto;margin-top: 50px;text-align: center;color: #333333;font-size: 20px;font-weight: bold;line-height: 43px;} .con1 li a:hover { background: url(../images/con1_bg.jpg);} .con1 li a:hover p { background: #FFFFFF; color: #183888 ; transition: all ease-in-out 0.3s; -webkit-transition: all ease-in-out 0.3s;} .con1 li a i.con_icon1 { background: url(../images/con1a.png);} .con1 li a:hover i.con_icon1 { background: url(../images/con1an.png);} .con1 li a i.con_icon2 { background: url(../images/con1b.png);} .con1 li a:hover i.con_icon2 {background: url(../images/con1bn.png);} .con1 li a i.con_icon3 {background: url(../images/con1c.png);} .con1 li a:hover i.con_icon3 {background: url(../images/con1cn.png);} .con1 li a i.con_icon4 {background: url(../images/con1d.png);} .con1 li a:hover i.con_icon4 {background: url(../images/con1dn.png);} .con1 li a i.con_icon5 {background: url(../images/con1e.png);} .con1 li a:hover i.con_icon5 {background: url(../images/con1en.png);} .con1 .con1_swt { margin-top: 40px;} .con1 .con1_swt a {width: 237px;height: 65px;display: block;margin: auto;text-align: center;line-height: 65px;color: #183888 ; font-size: 20px;border: 1px solid #183888 ; border-radius: 20px;} .con1 .con1_swt a:hover {background: #183888 ;color: #fff;transition: all ease-in-out 0.3s;-webkit-transition: all ease-in-out 0.3s;border-radius: 20px;} /*公司简介*/ .in_05{padding:70px 0;height: auto;overflow: hidden;background:#e6f1ff;} .in_05 .left{position: relative;left: 0;top:0;} .in_05 .left span{position: absolute;left: 30px;bottom: -40px;transition:all 0.4s; display: block; background: #0059d3;text-align: center;width: 125px;height: 140px;} .in_05 .left span:hover{background: #ffd137;} .in_05 .left span:hover a{color: #0059d3;} .in_05 .left span a{display: block; position: absolute;top:30px;left: 25px;transition:all 0.4s; border: 1px solid #fff;padding: 15px 25px;border-radius: 50%;font-size: 36px;color: #fff;} .in_05 .right{width: 879px;} .in_05 .right li{float: left; margin-right: 15px;} .in_05 .right li img{width: 200px;height: 140px;} .in_05 .right p{line-height: 35px;margin-top: 35px;color: #666666;} .in_05_tit{background:url(../img/company_tit.png) left no-repeat;line-height: 50px;} .in_05_tit strong{font-size:36px; } #haboutbg{ background:url(../images/haboutbg.jpg) no-repeat center; height:819px;} #habout{ width:1200px; padding:56px 0 0; margin:0 auto} #jianjie{ background-color:#183888 ; width:400px; float:left; margin-top:35px;} #jianjie dt{ height:295px;} #jianjie dd{ padding:60px 34px 0 34px; color:#fff; height:230px;} #jianjie dd h2{ font-size:22px;font-weight: bold;} #jianjie dd p{ font-size:13px; line-height:26px; margin:15px 0 20px 0; color:#fff;} #jianjie dd h3 a{border:3px solid #fff; background-color:#183888 ; display: inline-table; -moz-border-radius: 30px;border-radius: 30px; padding:6px 30px; font-size:14px; color:#fff} #jianjie dd h3 a:hover{border:3px solid #fff; background-color:#fff; color:#183888 ;} #wenhua{ background-color:#fff; width:400px; float:left; margin-top:35px; } #wenhua dt{ height:295px;} #wenhua dd{ padding:60px 34px 0 34px; height:230px;} #wenhua dd h2{ font-size:22px;font-weight: bold;} #wenhua dd p{ font-size:13px; line-height:26px; margin:15px 0 20px 0; color:#666;} #wenhua dd h3 a{border:3px solid #99999985; display: inline-table; -moz-border-radius: 30px;border-radius: 30px; padding:6px 30px; font-size:14px; color:#333;} #wenhua dd h3 a:hover{border:3px solid #183888 ; background-color:#183888 ; color:#fff;} #rongyu{ background-color:#EBEBEA; width:400px; float:left; margin-top:35px;} #rongyu dt{ height:295px;} #rongyu dd{ padding:60px 34px 0 34px; height:230px;} #rongyu dd h2{ font-size:22px;font-weight: bold;} #rongyu dd p{ font-size:13px; line-height:26px; margin:15px 0 20px 0; color:#666;} #rongyu dd h3 a{border:3px solid #99999985; display: inline-table; -moz-border-radius: 30px;border-radius: 30px; padding:6px 30px; font-size:14px; color:#333;} #rongyu dd h3 a:hover{border:3px solid #183888 ; background-color:#183888 ; color:#fff;} .bt1{ text-align:center; font-size:30px; color:#333; font-weight:bold} .bt2{ display:block; width:41px; height:3px; background-color:#FF8C01; margin:10px auto} .bt3{ text-align:center; font-size:15px;} .bt4{ text-align:center; font-size:30px; color:#fff; font-weight:bold} .bt5{ text-align:center; font-size:15px; color:#fff} .title1{ margin:0 auto; width:1200px; text-align:center;} .title1 h2{ font-size:28px; font-weight:bold; color:#333333; margin-bottom:10px; } .title1 h2 strong{ font-weight:bold; color:#183888 ;} /*新闻*/ /*.newMain{ padding:60px 0; background:#f8f8f8;} .newMain .new_l{ float:left; width:762px; overflow:hidden;} .newMain .new_r{ float:right; width:388px;} .newMain .ntop{ height:39px; border:1px solid #f2f2f2;} .newMain .ntop span{ float:left; height:39px;} .newMain .ntop span a{ width:140px; height:39px; line-height:39px; text-align:center; font-size:18px; color:#fff; text-decoration:none; background:#626262; float:left;} .newMain .ntop span a:hover,.newMain .ntop span a.cur{ background:#183888 ;font-weight: bold;} .newMain .ntop .mor{ float:right; line-height:39px; margin-right:10px; font-size:14px; color:#999;} !*new_l*! .newMain .new_l .nc{ padding-left:10px; margin-top:27px;} .newMain .new_l .nc dl{ overflow:hidden;} .newMain .new_l .nc dt{ float:left;} .newMain .new_l .nc dt img{ display:block;} .newMain .new_l .nc dd{ margin-left:250px;} .newMain .new_l .nc dd h5{width:500px; height:14px; line-height:14px; padding-top:15px; padding-bottom:12px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .newMain .new_l .nc dd h5 a{ font-size:16px; font-weight:normal; color:#444;} .newMain .new_l .nc dd p{ font-size:13px; line-height:30px; height:60px; margin-top:10px; overflow:hidden; color:#767676;} .newMain .new_l .nc ul{ overflow:hidden; margin-top:18px;} .newMain .new_l .nc li{ float:left; width:100%; height:50px; line-height:50px; border-bottom:1px #eee dashed;} .newMain .new_l .nc li em{ font-size:15px; float:right; margin-right:10px;} .newMain .new_l .nc li a{ font-size:15px; padding-left:30px; background:url(../index/diamImg.png) no-repeat left center;} !*new_r*! .newMain .new_r .quetion{ height:415px; overflow:hidden; margin-top:32px; padding:0 15px;} .newMain .new_r .quetion dl{ margin-bottom:25px; border-bottom:1px solid #e6e6e6; padding-bottom:25px;} .newMain .new_r .quetion dt{ width:196px; padding-left:10px; height:22px; line-height:22px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .newMain .new_r .quetion dt a{ font-size:14px; font-weight:bold; color:#333; line-height:30px;} .newMain .new_r .quetion dd{ float:left; width:200px; margin-left:10px; font-size:13px; height:40px; line-height:20px; overflow:hidden;color: #777;} .newMain .new_r .quetion dl:hover a{color: #0f8e3a;}*/ .top20{ padding-top:20px;} .bd dl a{ float:left;} .bd dl dt{ float:left;} .bd dl dd{ float:left;} .nc ul dl dd span{ color:#1f76e5; font-size:20px; font-weight:bold;} .quetion dl em{ margin-left:10px; line-height:30px; font-size:12px;} .tiwny_t{height:60px;background: url(../images/7497.png) no-repeat center 22px ;font-size: 34px; color:#333333;text-align: center; line-height: 36px; overflow: hidden;} .tiwny_t i{ font-style:normal; font-size: 12px; font-weight: normal; color:#d4d3ce;font-family: Arial;display: block; text-transform: uppercase;} .tiwny_t a{ color:#333333; font-size: 34px; font-weight: bold} .tiwny_t span{ color:#333;font-weight: bold;} .news_lt{height:39px; border: 1px solid #f2f2f2;} .news .convert3{ width:100%; margin:0 auto;} .news .convert3 .tab{ margin:0 auto;} .news .convert3 .tab a{width:140px; display:block; text-align: center; height:39px; line-height: 39px;font-size:18px; color: #222; float:left; } .news .convert3 .tab a.on{color: #fff; background:#183888 ;font-weight: bold;} .news .convert3 .content{ overflow:hidden; height:500px; position:relative;} .news .convert3 .content ul{ position:absolute; left:0; top:0; height:380px;width:3000px;} .news .convert3 .content li{ width:762px; height:auto; float:left;} .news .content td br{ display:none;} .news .content td a{ display:block; background:#ededee; line-height:40px; width:220px !important; color:#666; width:220px !important;} .news .content td a:hover{ display:block; background:#ff6633; color:#fff;} .case_t a,.news_lta a{display:block; text-align: center;width: 62px; height:20px; line-height: 20px;font-size:14px; color: #999999; float:right; border-radius: 3px; margin:10px 8px 0 0;} .case_t a:hover, .news_lta a:hover{ color: #fff; border:1px #183888 solid;background:#183888 ; } .news_d{ width: 762px; height:470px;} .news_d .news_div{padding:5px 0;} .news_d .news_div_item,.news_d .divdgweb_new_div_item { position: relative; padding: 5px 0; height: 40px; overflow: hidden; -webkit-transition:0.3s all ease; transition:0.3s all ease; border-bottom:1px #eee dashed;} .news_d .divdgweb_new_div_item_date,.news_d .news_div_item_date {position: absolute; right: 0; top: 17px; -webkit-transition:0.3s all ease; transition:0.3s all ease; } .news_d .divdgweb_new_div_item_date > div,.news_d .news_div_item_date > div{ display: inline-block; color: #787878; font-size: 14px; font-family: 'arial'; } .news_d .news_div_item_title,.news_d .divdgweb_new_div_item_title{ position: relative; } .news_d .news_div_item_year:after,.news_d .news_div_item_year::after{ content: '-'; } .on .news_div_item_year:after,.on .news_div_item_year::after{ content: ''; } .news_d .news_div_item_title:after,.news_d .news_div_item_title::after,.news_d .divdgweb_new_div_item_title:after,.news_d .divdgweb_new_div_item_title::after{ content: ''; background: #959595; width: 13px; height: 1px; position: absolute; left: 0; top: 19px; } .on .news_div_item_title:after,.on .news_div_item_title::after, .on .divdgweb_new_div_item_title:after, .on .divdgweb_new_div_item_title::after{ content: ''; display: none; } .news_d .news_div_item_title .news_div_item_a,.news_d .divdgweb_new_div_item_title .divdgweb_new_div_item_a {font-weight: bold; font-size: 15px; color: #444; padding-left: 25px; display: block; line-height: 40px; width: 425px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-transition:0.3s all ease; transition:0.3s all ease; } .news_d .divdgweb_new_div, .news_row2 .news_div { padding: 15px 0px; height: 330px; } .news_d .news_div_item_pic,.news_d .news_div_item_body,.news_d .divdgweb_new_div_item_body{ -webkit-transition:0.3s all ease; transition: 0.3s all ease; } .news_d .news_div_item_pic{ margin-top: 15px; } .news_d .news_div_item_pic a,.news_d .news_div_item_pic a img{ display: block; width: 220px; height: 150px; } .news_div_item.on, .divdgweb_new_div_item.on { height: 158px; border-bottom: 1px #ccc solid; padding: 0 0 20px; } .news_d .news_div_item_body,.news_d .divdgweb_new_div_item_body { line-height: 21px; color: #666; font-size: 13px; width: 512px; text-align: justify; position: absolute; right: 0; top: 95px; letter-spacing: 0.4px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;} .on .divdgweb_new_div_item_date, .on .news_div_item_date { top: 13px; right:390px; } .on .news_div_item_title .news_div_item_a, .on .divdgweb_new_div_item_title .divdgweb_new_div_item_a { position: absolute; left: 225px; top:47px; width: 255px;font-weight: bold;} .on .divdgweb_new_div_item_date > div, .on .news_div_item_date > div { font-weight: bold; color:#183888 ; font-size: 24px; line-height: 30px; margin-left:10px;} .on .divdgweb_new_div_item_date > .divdgweb_new_div_item_year,.on .news_div_item_date > .news_div_item_year{ font-size: 12px; display: block; font-weight: 100; line-height: 20px; text-indent: 3px; } /*底部*/ .footWrap{ background:url(../images/ft-bg.jpg);overflow:hidden;} .footWrap .footer{ width:1200px; margin:0 auto 0px;} .footWrap h5{ width:203px; height:109px; margin:0 auto; overflow:hidden;} .footWrap h5 img{ display:block;width:203px; height:109px;} .fnav{ width:595px; height:284px; overflow:hidden; margin:60px 29px 0 0;} .fnav li{ float:left; color:#FFF; padding-right:10px; line-height:28px; width:180px; text-align:center;} .fnav li a{ color:#FFF; font-size:14px; } .fnav li a:hover{color: #183888 ;} .fnav li h3{line-height: 50px; margin-bottom: 10px; font-size:18px; /*background:url(../images/5947.jpg) no-repeat bottom left;*/} .tele{ width:360px; height:242px; overflow:hidden; border:6px solid #999; background:url(../images/9802.jpg); margin:60px 42px 0 0;} .tele h2{ font:14px "Microsoft YaHei"; color:#383838; height:110px; margin:25px 0 0 40px; /*background:url(../images/1997.png) no-repeat left top;*/} .tele h2 em{ display:block; font:14px Arial; color:#383838; padding-top:15px;} .tele h2 i{ display:block; font:30px Arial; font-weight:bold; padding:10px 0 5px 0px; /*background:url(../images/8238.png) no-repeat left 8px;*/color:#dd0000;} .tele p{ font:22px "Microsoft YaHei"; color:#333; line-height:28px; padding:18px 22px 0 40px; font-weight:bold;} .tele p b{color:#0055cc;} .tele p em{ display:block; font:12px Arial; color:#b6b6b6; line-height:20px;} .fwz{ width:320px; overflow:hidden; font-size:14px; color:#fff; margin-top:54px;} .fwz p{ padding:0 0 30px 48px; background:url(../images/3037.png) no-repeat left 0;} .fwz .p01{ background:none; padding-left:0; font-size:18px;} .fwz .p02{background:url(../images/6324.png) no-repeat left 0;} .fwz .p03{background:url(../images/8089.png) no-repeat left 0;} .fwz p b{ display:block; padding-bottom:5px;} .code1{ width:92px; overflow:hidden;height:264px; margin-top:54px;} .code1 img{ display:block; width:80px; height:80px; border:1px solid #fff;} .code1 em{ display:block; height:35px; font:14px "Microsoft YaHei"; text-align:center; line-height:35px; color:#fff; overflow:hidden;} .linkTagcs{width:1200px; height:auto;} .linkTagcs ul{margin:0px;padding:0px;list-style-type:none;} .linkTagcs li{list-style:none;margin:0px; padding-right:10px;line-height:36px;float:left;} .linkTagcs li a{color:#fff;word-break:break-all;} .linkTagcs li a:hover{color: #183888 } .linkTagcs li img{border:0px;} /*proMain*/ .proMain{ padding:46px 0; background-color:#f5f5f5;} .proMain .pro_l{ width:230px; float:left;} .proMain .pro_r{ width:840px; float:right;} /*pro_l*/ .pro_l h4{ background:#183888 ;} /*.pro_l h4 a{ display:block; height:105px; line-height:92px; text-decoration:none; color:#fff; font-size:30px; padding-left:27px;}*/ .pro_l ul{ background-color:#fff; border:2px solid #0858a8; border-top:none; overflow:hidden;} .pro_l li{ } .pro_l li h5{ padding:0 25px; height:40px; line-height:40px; overflow:hidden; background:#E1E6ED;font-weight: bold;font-size: 14px;} .pro_l li.cur h5{ background:#183888 ;} .pro_l li.cur h5 span{color: #fff;} .pro_l li h5:hover{ background:#183888 ; color:#FFF;} .pro_l li h5 a{ font-size:16px; color:#535353; text-decoration:none; font-weight:normal;} .pro_l li .sedp p{ margin: 5px 0;} .pro_l li .sedp p a{ font-size:14px; display:block; height:35px; line-height:35px; text-decoration:none;padding: 0 30px;} /*.pro_l li .sedp p a { background:url(../images/prolistbg_a.png) no-repeat center; color:#fff;}*/ .pro_l li .sedp p a:hover{ /*background:url(../images/prolistbg_a.jpg) no-repeat center;*/background-color: #183888 ; color:#fff;border-radius: 5px;} .pro_l li .sedp.cur p a{/*background:url(../images/prolistbg_a.jpg) no-repeat center;*/background-color: #183888 ; color:#fff;border-radius: 5px;} /*pro_r*/ .pro_r .prc{ padding-top:10px;} .pro_r .prc .pt{ height:40px; background-color:#333;} .pro_r .prc .pt h5{ float:left; height:50px; width:110px; margin-top:-10px; margin-left:10px;} .pro_r .prc .pt h5 a{ display:block; height:50px; line-height:50px; text-align:center; background-color:#005AA1; font-size:16px; color:#fff; text-decoration:none;} .pro_r .prc .pt span{ float:right; margin-right:30px; line-height:40px;} .pro_r .prc .pt span a{ font-size:14px; color:#fff; padding:0 10px; background:url(../index/ptline.png) no-repeat left center;} .pro_r .prc .pt span a.noBg{ background:none;} .pro_r .prc .pt .mor{ float:right; padding-right:15px; background:url(../images/morBg.png) no-repeat right center; margin-right:12px; margin-top:13px; font-size:14px; color:#fff;} .pro_r .prc .pro{ overflow:hidden; margin-top:24px; width:840px;} .pro_r .prc .pro li{ float:left; width:200px; padding-bottom:40px; margin-right:10px; height:200px;} .pro_r .prc .pro li>a{ display:block; width:200px; height:200px; position:relative; border:1px solid #1f98e4; overflow:hidden; z-index:999999;} .pro_r .prc .pro li>a>img{ display:block; -webkit-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out; width:200px; height:200px;} .pro_r .prc .pro li>a>img:hover{ transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2); width:200px; height:200px; overflow:hidden;} /*.pro_r .prc .pro li>a i{ display:block; width:235px; height:165px; position:absolute; top:0; left:0; background:url(../index/probg.png) no-repeat center; display:none;}*/ .pro_r .prc .pro li>a i img{} .pro_r .prc .pro li>a i span{} .pro_r .prc .pro li>a:hover i{ display:block;} .pro_r .prc .pro li p{ padding-left:5px; text-align:center; margin-top:10px; height:14px; line-height:14px; overflow:hidden;;white-space: nowrap;text-overflow: ellipsis;} .pro_r .prc .pro li p a{ font-size:14px;} .subNav{ cursor: pointer; font-size: 15px; line-height: 50px; padding-left: 20px; background: url(../images/li1-a.jpg) no-repeat; margin-bottom: 1px; } .subNav a{ color: #fff; text-decoration: none; } .subNav a:hover{ color: #f3791a; } /*文章模块*/ #newslist{ padding:20px;} #newslist li{margin-bottom: 25px;position: relative;overflow: hidden;background: #e6e6e6;} #newslist .img_pd{padding: 8px;width: 26%;box-sizing: border-box;} #newslist .img_bg{overflow: hidden;padding-bottom: 68%;position: relative;} #newslist .bg0{background-position: center;background-repeat: no-repeat;background-size: cover;} #newslist .abs{left: 0px;top: 0px;width: 100%;height: 100%;right: 0px;bottom: 0px;position: absolute;} #newslist .imgleft_txt{padding: 5% 2.3% 5.8%;width: 74%;color: #333;box-sizing: border-box;} #newslist .txt_hd{margin-bottom: 3%;position: relative;} #newslist .title_lt{float: left;width: 76%;line-height: 1;overflow: hidden;font-size: 18px;white-space: nowrap;text-overflow: ellipsis;-ms-text-overflow: ellipsis;} #newslist .title_rt{color: #333;font-size: 12px;float: right;line-height: 18px;} #newslist .txt_bt p{display: -webkit-box;line-height: 1.8;overflow: hidden;font-family: "microsoft yahei";font-size: 12px;-webkit-box-orient: vertical;-webkit-line-clamp: 2;} #newslist .absolute{left: 0px;top: 0px;right: 0px;bottom: 0px;position: absolute;} #newslist .border_top{border-top-color: #00a2e9;border-top-width: 3px;border-top-style: solid;} #newslist .border_bottom{border-bottom-color: #00a2e9;border-bottom-width: 3px;border-bottom-style: solid;} #newslist .border_left{border-left-color: #00a2e9;border-left-width: 3px;border-left-style: solid;} #newslist .border_right{border-right-color: #00a2e9;border-right-width: 3px;border-right-style: solid;} .transcalxzero {transform: scaleX(0);-webkit-transform: scaleX(0);-o-transform: scaleX(0);-moz-transform: scaleX(0);} .transcaletop {transform: scale(1, 0);-webkit-transform: scale(1, 0);-o-transform: scale(1, 0);-moz-transform: scale(1, 0);} #newslist li:hover .imgleft_img{transform: scale(1.2);-webkit-transform: scale(1.2);-o-transform: scale(1.2);-moz-transform: scale(1.2);} #newslist li:hover .title_lt{color: #00a2e9;} #newslist li:hover .borders{transform: scale(1);-webkit-transform: scale(1);-o-transform: scale(1);-moz-transform: scale(1);} #shownews{ padding:0px 15px 15px;} #shownews .editor{ line-height:2; padding:0px 10px; font-size:14px;} #shownews h1{ font-size:20px; text-align:center; border-bottom:1px dotted #ccc; padding:5px 0px; margin:10px 0px; color:#333;} /*资讯中心*/ /*.news{padding:55px 0 120px;background:url(../images/news-bgbtm.png) no-repeat bottom center #f5f5f5;} .news .title p span{background: #f5f5f5;} .news-tag{background:url(../images/news-tagbg.png) no-repeat center;font-size:0;text-align:center;margin-top:25px;} .news-tag a{display:inline-block;font-size:16px;color:#666;margin:0 32px;padding:10px 5px;border-bottom:2px solid transparent;} .news-tag a.on{color:#0280f6;border-color:#0280f6;} .news-box{margin-top:60px;} .news-ul{overflow:hidden;} .news-ul li{width:25%;float:left;} .news-ul li a{display:block;padding:50px 20px;} .news-ul li a span{font-size:14px;color:#999;} .news-ul li a h3{font-size:16px;color:#333;margin-top:15px;} .news-ul li a p{font-size:14px;color:#666;margin-top:20px;padding-bottom:75px;line-height: 20px;height: 40px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .news-ul li a .news-bor{width:100%;height:20px;border-bottom:1px solid #0280f6;} .news-ul li a .news-more{display:none;line-height:20px;height:20px;} .news-ul li a:hover{background:url(../images/news-xlbg.jpg) no-repeat left top, url(../images/news-xrbg.jpg) no-repeat right bottom #fff;} .news-ul li a:hover h3{color:#0280f6;font-weight:bold;} .news-ul li a:hover .news-bor{display:none;} .news-ul li a:hover .news-more{display:block;}*/ /*友情链接*/ /*.liswk { height:35px; line-height:35px; padding:10px;} .liswk h3{ font-size:18px; color:#FFF; float:left; margin-right:20px;} .link_bg{ height: 80px;line-height: 80px;} .link_t{background: url(../images/0097.png)no-repeat center left;height: 80px;} .link_t1{padding-left: 28px;font-size: 18px;}*/ .foot{ height:58px; font:14px "Microsoft YaHei"; line-height:58px; overflow:hidden; color:#fff;} .foot span{ display:inline-block;} .foot p{ color:#fff;} .foot a{color:#fff;} .foot em{ padding:0 12px;} .fotWrp{ width:100%; background:#183888 ;overflow:hidden; height:55px;} /*input*/ #nymessage form{ text-align: center; } .form-control{ /*display: block;*/ width: 38%; height: 25px; padding: 6px 12px; /*margin: 0px 0;*/ font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%); box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; } #nymessage .form-group{display:flex;justify-content:center;margin:10px 0;} textarea.form-control{ height: auto; } .btna{ display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; } .btn-default{ color: #333; background-color: #fff; border-color: #ccc; } /*优势*/ .agent_bg{/*background: #f5f5f5;*/font-size: 0; /*padding:10px 0 80px;*/} .agent_bg .home{width: 1100px;margin: 0 auto;} .agent .team_bt{height: 80px; padding:45px 0 0; text-align:center;} .agent dl{width: 250px;height: 370px;float: left; box-shadow:2px 2px 2px #dfdfdf;overflow: hidden; margin:0 12px; display:inline;margin-bottom: 20px;} .agent dl dt{/*width: 260px;height: 200px;*/overflow: hidden;} .agent dl dt img{width: 300px;height: 200px;} /*.agent dl dd{width: 260px;height: 170px;}*/ .agent dl dd a{width: 250px;height: 170px;background: #fff;color: #333;display: block;overflow: hidden;} .agent dl dd a:hover{background: #1c489d;color: #fff; text-decoration:none;} .agent dl dd h5{font-size: 18px;height: 30px;line-height: 30px;overflow: hidden; padding:20px 0 0;text-align: center;font-weight:bold;} .agent dl dd p{font-size: 14px;line-height: 24px;height: 96px;overflow: hidden;/*width: 235px;*/ margin:0 auto; padding:10px 20px;} .agent_tel{ background:url(../index/agent_telbg.gif) no-repeat;width: 340px;height: 40px;line-height: 40px;overflow: hidden; margin:30px auto 0;} .agent_tel span{display: block;float: left; padding:0 0 0 50px; font-family:Arial, Helvetica, sans-serif;font-size: 24px;color: #6ba420;width: 180px;} .agent_tel em{display: block;width: 110px;height: 40px;text-align: center;line-height: 40px;float: left;overflow: hidden;} .agent_tel em a{font-size: 18px;color: #fff;} /*paner*/ .agent_bg .pbot{ display:block; width:50px; height:50px; position:absolute;} .agent_bg .pbot1{ background:url(../images/pbot1.png) no-repeat center; left:0;} .agent_bg .pbot2{ background:url(../images/pbot2.png) no-repeat center; right:0;} /*.agent_bg .paner{ padding-top:10px; padding-bottom:57px;}*/ .agent_bg .pcont{ position:relative; margin-top:38px; width:1100px; margin:0 auto;} .agent_bg .pcont ul{ overflow:hidden; width:856px; margin:0 auto;} .agent_bg .pcont .bd{ overflow:hidden; width:856px; margin:0 auto;} .agent_bg .pcont li{ float:left; width:200px; height:130px; margin:0 7px;} .agent_bg pcont li img{ border:2px solid #e5e5e5; display:block;} .agent_bg .pcont .pbot{ top:40px;} /*底部*/ /*.footer{background:#1b4695;} .footer-nav{display:flex;border-bottom:1px solid #607eb5;} .footer-nav li{flex:1;text-align:center;padding:35px 0;} .footer-nav li a{font-size:16px;font-weight:bold;color:#fff;} .footer-nav li a:hover{color:#0280f6;} .footer-con{margin-top:50px;padding-bottom:40px;overflow:hidden;} .footer-one{width:25%;float:left;padding:0 15px;box-sizing:border-box;color:#fff;} .footer-one h4{font-size:16px;font-weight:bold;margin-bottom:5px;line-height:30px;padding-left:38px;} .footer-one h4.fphone{background:url(../images/fphone.png) no-repeat left;} .footer-one h4.ftel{background:url(../images/ftel.png) no-repeat left;} .footer-one h4.femail{background:url(../images/femail.png) no-repeat left;} .footer-one h4.faddress{background:url(../images/faddress.png) no-repeat left;} .footer-one p{font-size:16px;} .footer-link{margin-top:40px;padding:15px 40px 15px 0;background:url(../images/linkico.png) no-repeat right;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .footer-link span{color:#fff;font-size:18px;} .footer-link span em{text-transform:uppercase;font-weight:bold;font-family: arial;} .footer-link a{color:#fff;margin-right:8px;} .footer-link a:last-child{margin-right:0;} .footer-link a:hover{color:#0280f6;} .fcopy{padding:20px 0;} .fcopy p{font-size:14px;color:#666;} .fcopy p a{font-size:14px;color:#666;} .fcopy p a:hover{color:#0280f6;}*/ #roll{ display: block; width: 50px;height:50px;position: fixed;right: 35px; bottom: 50px;_position: absolute;_top: expression(eval(document.documentElement.scrollTop));} #roll_top{background: url(../images/top.png) no-repeat;width: 50px;height: 50px;cursor: pointer;} /* 在线客服 */ .diyos {position: fixed;width: 54px;right: 0;top: 50%;z-index: 1000000;} .diyos ul{position:relative;list-style: none;margin: 0;padding: 0;} .diyos ul li {width: 54px;height: 54px;background: #0075c5;float: left;position: relative;border-top:1px solid #333;z-index:1;} .diyos ul li:first-child{ border-top:0;} .diyos ul li:hover{ background:#0075c5;} .diyos ul li .sidebox, .diyos ul li .semail {position: absolute;width: 54px;height: 54px;top: 0;right: 0;color: #fff;font-size:14px;line-height:54px;overflow: hidden;background:#0075c5;} .diyos ul li .sidetop {width: 54px;height: 54px;line-height: 54px;display: inline-block;} .diyos ul li.sideewm {width: 54px;height: 54px;line-height: 54px;display: inline-block;} .diyos ul li .sideewmshow{width: 150px;position:absolute; top:0; left:-151px; z-index:120; display:none;max-width:none;border: 1px solid #e5e5e5;} .diyos ul li.sideewm:hover .sideewmshow{ display:block;} .diyos ul li img {float: left;} .retract{position:absolute;left:-36px;top:50%;margin-top:-30px;width:36px;height:60px;background:url(../images/djt.png) no-repeat center right #0075c5;border-radius: 30px 0 0 30px;box-shadow: -2px 0 7px 0 rgb(0 0 0 / 50%);cursor:pointer;} .loadont{position: absolute;right: 0;top: 0;background: #0075c5;color: #fff;width: 20px;text-align: center;padding: 10px;font-size: 16px;line-height: 20px;box-shadow: 0 0 5px 0px rgb(0 0 0 / 50%);cursor:pointer;display:none;} /*面包屑*/ .location{width: 100%;height: 45px;border-bottom: 1px solid #eee;} .location span{display:block;line-height: 45px;font-size: 14px;background: url(../images/location.png) no-repeat 0 15px;text-indent: 20px;color: #666;} .location span a{color: #666;} .location span a:hover{color: #0280f6;} /*内页样式*/ .inside{padding:20px 0;background: #ececec;} /*.bgf5{background:#ececec;}*/ .nocontect{background-image: url(../images/error.png);background-repeat: no-repeat;background-position: 10px 10px;height: 100px;padding-top: 40px;padding-left: 120px;font-size: 14px;} /*联系我们*/ .lianxi_m {overflow: hidden;margin-top: 10px;margin-bottom: 24px;background: #f5f5f5;} .lianxi_m .lianxi_ml {width: 300px;float: left;background: #0075c5;color: #fff;padding: 30px;overflow: hidden;} .lianxi_m .lianxi_ml .lianxi_ml_m {overflow: hidden;font-size: 32px;font-weight: bold;line-height: 52px;margin-bottom: 10px;color: #fff;} .lianxi_m .lianxi_ml .lianxi_ml_s {width: 240px;border: solid 2px #fff;font-size: 24px;font-family: Arial, Helvetica, sans-serif;text-align: center;margin-bottom: 10px;line-height: 40px;} .lianxi_m .lianxi_ml .lianxi_ml_en {font-family:'Arial';font-size: 24px;line-height: 40px;} .lianxi_mr {float: right;position: relative;width: calc(100% - 400px);} .lianxi_mr_i {float: left;font-family: Arial, Helvetica, sans-serif;font-size: 100px;font-weight: 89;margin-left: -28px;line-height: normal;color: #999;position: absolute;overflow: hidden;margin-top: 10px;} .lianxi_m .mr_i {font-size: 100px;line-height: 200px;margin-top: 80px;margin-left: calc(100% - 690px);position: absolute;right:30px;} .lianxi_mr_m {width: calc(100% - 69px);float: left;overflow: hidden;padding-left: 22px;padding-right: 10px;line-height: 28px;color: #666;font-size: 16px;text-align:left;} .lianxi_mr_m span {font-size: 24px;font-weight: bold;line-height: 60px;color: #0075c5;} .contact_ny ul { background: #fff; overflow: hidden; border-right: none;} .contact_ny ul li {float: left;width:33.3333%;height: 140px;border-width: 1px 0 1px 1px;border: 1px solid #ececec;padding: 20px;text-align: left;box-sizing: border-box;} .contact_ny ul li em {float: left;display: inline-block;width: 51px;height: 51px;margin-right: 9px;margin-top: 6px;} .contact_ny .ftlxfs{ float: left; width: 160px;} .contact_ny ul li h5 {color: #0075c5;margin-bottom: 4px;font-size: 18px;font-weight: bold;} .contact_ny ul li>p{float: left;} /*内页*/ /*产品页左侧*/ .sb_box{ float:right; width:928px; background:#fff; overflow:hidden; border: 1px #ddd solid; margin-bottom: 15px; } /*.cpMain{ overflow:hidden;} .cpMain .container{margin-top: 45px;} .sidebar{width:1200px; margin:45px auto; } .sidebar .sb_nav{ float:left; width:220px;} .sidebar .sb_nav h3.title{ text-align:left; background:url(../dt-6.gif) repeat-x; padding:0px 15px; height:33px; line-height:33px; border-bottom:1px solid #cecece; font-size:14px; color:#fff;} .sidebar .sb_nav h3.line{ margin-top:15px; } .sidebar .sb_nav .active{ padding:10px 15px; background:#fff; border: 1px #ddd solid;} #sidebar dl{ margin-left:5px;} #sidebar dl dt{ padding:4px 0px 5px 15px; margin-top:5px; background:url(../dt-11.gif) no-repeat 2px 11px;} #sidebar dl dd{ padding:0px 0px 0px 15px;} #sidebar dl dt.on a{ font-weight:bold; color:#1C57C4; } #sidebar dl h4.on a{ font-weight:bold;} .cpMain .sb_box{ float:right; width:930px; background:#fff; overflow:hidden; border: 1px #ddd solid; margin-bottom: 15px; } .cpMain .sb_box h3.title{ border-bottom:1px solid #ddd; background:#f8f8f8; color:#1f76e5; height:35px; line-height:35px; position:relative;} .cpMain .sb_box h3.title span{ position:absolute; left:0px; top:-1px; font-size:14px; border-bottom:2px solid #1f76e5; padding:0px 15px;} .cpMain .sb_box h3.title div.position{ float:right;color:#999; font-weight:normal; position:relative; top:3px; right:15px;} .cpMain .sb_box h3.title div.position a{ color:#999;} .pro_l{ width:240px; float:left;} .pro_l h4 .prolia { display:block; height:72px; line-height:72px; color:#fff; font-size:24px; text-decoration:none; text-align:center;font-weight: bold;} .sidebar .pro_l ul{ border-top:none; overflow:hidden; background:#fff; border:0px !important; padding:8px;}*/ .shows{background: url(../images/fw.jpg) no-repeat center 15px;/*border-bottom: 6px solid #e0e0e0;*/} .shows_1{margin-top:0px; margin: 0 auto; width: 1200px;} .shows_1 .sh_li h3{ text-align: center; font-size: 20px; color: #fff; line-height: 35px; margin-bottom: 45px; margin-top: 15px;} .shows_1 .sh_li{ height:306px; overflow: hidden;} .shows_1 .sh_li ul{overflow: hidden;padding-left: 75px;} .shows_1 .sh_li ul li{float: left;width: 140px;margin-right: 52px;} .shows_1 .sh_li ul li a{display: block;height: 40px;line-height: 40px;border-bottom: 1px dashed #999;} .shows_1 .sh_li ul li:nth-child(6n){ margin-right: 0;} .shows_1 .sh_li ul li a{display: block;font-size: 17px;color: #333;text-decoration:none; font-weight:initial;} .shows_1 .sh_li ul li a:hover{ color: #199c02;} .shows_1 .sh_li ul li.cur a{color: #0075c5;border-bottom: 1px dashed #0075c5;} /*产品模块*/ #productlist{ padding:15px;} #productlist li{ float:left; display:inline; text-align:center;} #productlist li a.img{ display:block; text-align:center; font-size:0px;} #productlist li a.img img{ margin:auto; border:1px solid #ccc;width: 100%;} #productlist li h3{ padding:5px 0px 10px; font-weight:normal; line-height:1.5;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} #showproduct{ padding:15px;} #showproduct h1.title{ font-size:18px; padding:5px 0px; margin-bottom:5px;} #showproduct .pshow dt{ float:left;padding: 20px 25px 40px} #showproduct .pshow dd{ float:right;} #showproduct .pshow dd ul{ margin-left:15px; } #showproduct .pshow dd li{ padding:5px 5px 5px 45px; min-height:28px; _height:28px; margin:5px 0px; clear:both; border-bottom:1px solid #eee; position:relative; line-height:2; } #showproduct .pshow dd li span{ position:absolute; left:0px; top:0px; color:#999; padding:5px; height:28px;} #showproduct .ctitle{ margin:15px 0px 10px; padding:5px 20px; background:url(../images/dt-7.gif) no-repeat left center; *background-position:left 17px; font-size:14px; border-bottom:1px dotted #ccc; } #showproduct .editor{ line-height:2; padding:0px 10px; font-size:14px;} #showproduct .pshow dt img{border: 1px solid #eee;} .cpshow{ overflow:hidden;margin-top: 15px;} .cpshow li{ float:left; width:202px; margin: 0 15px;} .cpshow li.noMl{ margin-right:0;} .cpshow li img{ display:block; border:1px solid #d3d3d3; margin: 0 auto;} .cpshow li h4{ text-align:center; font-weight:normal; width:217px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; height:40px; line-height:30px;} .cpshow li h4 a{ font-size:14px; color:#333;} .cpshow li p{ font-size:13px; color:#666; line-height:21px; height:1px; overflow:hidden;} .cpshow li span{ display:block; overflow:hidden; margin-top:20px; display:none;} .cpshow li span .zx{ float:left; width:103px; height:40px; line-height:40px; text-align:center; font-size:13px; color:#fff; text-decoration:none; border-left:3px solid #333; background:#666;} .cpshow li span .xq{ float:right; font-size:13px; color:#666; margin-top:14px;} .cpshow li img:hover{ border-color:#0182cf;} .cpshow li span .zx:hover{ background:#009A44; border-left-color:#009A44;} .cpshow li:hover img{opacity: 0.8} .brand{overflow:hidden;margin-bottom:20px} .brand p{border-bottom: 1px #ccc dashed;line-height: 54px;overflow: hidden;} .brand p b{float: left;color: #0075c5;font-size: 16px;width: 12%;} .brand p i{float: left;font-size: 14px;width: 88%;font-style: normal;} .brand p i a{color: #666;display: inline-block;padding: 0 14px;font-style: normal;} /*.nlist{padding-bottom: 15px;}*/ .nlist .leftli a:hover, .nlist li.cur a:hover { /*background: url(../images/liaBg.jpg) no-repeat center;*/ background-color:#183888 ;color:#fff;border-radius: 5px;} .nlist .leftli a {display: block; height:40px; line-height:40px; /*background:url(../images/liBg2.png) no-repeat 177px center;*/ font-size:14px; color:#333; padding:0 40px; text-decoration:none; background-color: #e6e6e6;border-radius: 5px;} .nlist ul li.cur a{/*background: url(../images/liaBg.jpg) no-repeat center;*/ background-color:#183888 ; color:#fff;border-radius: 5px;} .nlist{ float:left; width:240px; background:#fff;} .nlist .nt{ font-weight:normal; padding:14px 0 14px 22px; background:#1f76e5 url(../images/hhBg.png) no-repeat 190px center; /*background: url(../images/hhBg.png) no-repeat center;*/} .nlist .nt a{ font-size:18px; color:#fff; font-weight: bold;text-decoration: none;} .nlist .nt span{ } .nlist .nt span a{font-size:14px;font-family:"Arial"; margin-left:6px; text-decoration:none; font-weight:normal;} .nlist ul{ /*padding:15px;*/} .nlist .leftli{} /*.nlist .leftli a{ display:block; height:40px; line-height:40px; background: url(../images/liBg2.png) no-repeat 173px center; font-size:14px; color:#333; padding:0 18px; text-decoration:none;} .nlist .leftli a:hover,.nlist li.cur a:hover{ background:url(../images/liaBg.png) no-repeat center; color:#fff;}*/ .nlist .on a{ background:url(../images/liaBg.png) no-repeat center; color:#fff;} /*.nlist{float:left; width:240px; background: #fff; padding-bottom: 0px !important;}*/ .nlist li{ /*margin:0px !important*/ margin: 5px 10px;} .t05 {line-height:40px;background:#1f76e5;} .t05 {padding:0 10px; color:#fff;font-size:14px;} /*左边标题块*/ .t05 a{color:#fff; font-size:14px} .contactn .subnr { border:1px solid #ddd; overflow:hidden; padding:5px 8px; width:222px; font-size:14px; line-height:30px; display:none; } /*右侧*/ .rtop { overflow:hidden; padding: 10px 0; border-bottom:1px solid #dbdbdb; margin:10px 20px;} .rtop h5 {float:left; padding-left: 10px; border-left: 3px solid #183888 ; font-weight: normal; line-height: 16px;} .rtop h5 a { font-size: 16px; color: #183888 ; font-weight: bold;} .rtop span { float: right;} .rtop span em { color: #999;} .rtop span a { color: #999;} .RandomNews{ padding:0px 15px} .RandomNews h4{ padding-left:27px;height:36px;line-height:36px;color:#1f76e5;background:#ccc;font-weight:bold;} .RandomNews li{ height:28px;line-height:28px; padding:0 17px 0 10px; width:323px; float:left;overflow:hidden;} .RandomNews li a{ background:url(../index/ico55.gif) no-repeat 0 5px; padding-left:12px;} .RandomNews ul{padding: 10px 0px;} .right .RandomNews .news_random{border:1px solid #ccc;border-top:none;background:#fff;} .right .RandomNews ul{padding-top:8px;border:1px solid #ccc;border-top:none;margin-bottom:15px;width:762px;background:#fff;} /*内页文章*/ .n_cont{ padding-top:5px; overflow:hidden;} .n_cont dl{overflow:hidden; padding:25px 0 21px 29px} .n_cont dl dt{ float:left; padding:5px; background:#eaeaea;} .n_cont dl dt img{ display:block; width:160px; height:102px;} .n_cont dl dd{ float:left; margin-left:23px; width:640px;} .n_cont dl dd h5{ margin-top:3px; padding-bottom:8px; border-bottom:1px solid #dedede; overflow:hidden;} .n_cont dl dd h5 a{ font-size:14px; color: #183888 ; float:left; padding-left:5px;} .n_cont dl dd h5 em{ float:right;padding-right:10px;} .n_cont dl dd p{ line-height:20px; font-size:13px; margin-top:10px;} .n_cont dl:hover { background: #eaeaea;} /*图片模块*/ #imglist{ padding:15px 13px;} #imglist li{ float:left; display:inline; text-align:center; margin:0 7px !important;} #imglist li a.img{ font-size:0px; display:block;} #imglist li a.img img{ margin:auto; border:1px solid #ccc; padding:2px 9px;} #imglist li a.img img:hover{ border:1px solid #0075c5;} #imglist li h3{ padding:8px 0px 15px; font-weight:normal; line-height:1.5;} #showimg{ padding:15px;} #showimg h1.title{ font-size:18px; padding:5px 0px; margin-bottom:10px; text-align:center;} #showimg .imgshow{ text-align:center;} #showimg .imgshow img{border:1px solid #eee;} #showimg .editor{ line-height:2; padding:0px 10px; font-size:14px;} #showimg .editor p{ color:#333;} .imgparalist li{ padding:3px 15px 3px; background:url(../images/dt-0.gif) no-repeat 5px center;} .imgparalist li span{ float:left; margin-right:10px; color:#999;} #showimg .ctitle{ margin:10px 0px 10px; padding:5px 20px; background:url(../images/dt-7.gif) no-repeat left center; *background-position:left 17px; font-size:14px; border-bottom:1px dotted #ccc; } /*产品详情页*/ .proviewbox{float:left;width:305px;position:relative;z-index:5;} .probigshow{position:relative;width:400px;padding:1px;border:1px solid #ddd;overflow:hidden} .probigshow .span_showtip{position:absolute;top:0px;left:0px;width:81px;height:81px; text-indent:-999em;overflow:hidden;} .probigshow .showtip_1{background-position:0 0;} .probigshow .showtip_2{background-position:0 -81px;} .probigshow a.a_probigshow{cursor:crosshair;} .prodbaseinfo_a{float:left;width:478px; margin-left:16px; z-index:1;} .h2_prodtitle{font-size:16px;border-bottom:1px dashed #bbbbbb;padding:2px 0 10px;margin-top: 25px;font-weight: bold;color: #333; } .ul_prodinfo{padding:6px 0;overflow:hidden;zoom:1;margin: 25px 0;background-color: #f3f3f3;padding: 5px 10px;} .ul_prodinfos{ display:none; padding:6px 15px;overflow:hidden;zoom:1;background:#f3f3f3;font-size:14px;font-weight:bold;} .ul_prodinfos li{padding:5px 0 10px;} .ul_prodinfo li{float:left;width:300px; padding:6px 0;} .ul_prodinfo li span{ font-size:14px} .li_normalprice,.li_prono{line-height:24px; } .ul_prodinfo .li_prono,.ul_prodinfo .li_marketprice, .ul_prodinfo .li_volume,.ul_prodinfo .li_weight,.ul_prodinfo .li_jf, .ul_prodinfo .li_brand .span_title{ color:#999;} .ul_prodinfo .li_brand{width:180px; } .li_prono{line-height:2.9em;} .ul_prodinfo .b_proprice{font-size:14px;color:#ce1919;font-weight:normal;} .ul_prodinfo a.a_brand{color:#c00;} .ul_prodinfo a.a_brand:hover{text-decoration:none;} .ul_prodinfo .li_jf{clear:both;width:300px; } .ul_prodinfo .li_jf b{font-weight:normal;color:#c00;} .ul_prodinfo .li_jf a.a_usejf{display:-moz-inline-stack;display:inline-block;*display:inline;*zoom:1;width:80px;height:22px;line-height:22px;line-height:25px\9;_line-height:22px;overflow:hidden;background-position:-420px -120px;text-align:center;color:#fff;margin:0 0 0 8px;filter:alpha(opacity=90);opacity:0.9;vertical-align:middle;} .ul_prodinfo .li_jf a.a_usejf:hover{filter:alpha(opacity=100);opacity:1.0;} .div_prothumb .span_prev,.div_prothumb .span_next {background:url(../images/sprite.png) no-repeat;} .div_prothumb{position:relative;padding:15px 15px 0; width:375px;} .thumbporbox{position:relative;width:275px;overflow:hidden;} .ul_prothumb{position:relative;width:7500px; overflow:hidden;} .ul_prothumb li{float:left;width:69px;text-align:center;} .ul_prothumb img{padding:1px;border:1px solid #ddd;width:60px !important;height: 42px !important;} .ul_prothumb li.now img{border: 1px solid #1f76e5 !important; } .div_prothumb .span_prev,.div_prothumb .span_next{position:absolute;top: 7px;width:22px;height: 63px; text-indent:-999em;overflow:hidden;cursor:hand;cursor:pointer;} .div_prothumb .span_prev{left:0px;_left:-25px;background-position:-90px -282px;} .div_prothumb .span_prevb{background-position:-112px -282px;cursor:default;} .div_prothumb .span_next{right:0px;background-position:-156px -282px;} .div_prothumb .span_nextb{background-position:-134px -282px;cursor:default;} #probig_preview{position:absolute;visibility:hidden;top:0px;left:405px; width:340px;height:340px;background:#fff;border:1px solid #ccc;overflow:hidden;} #probig_preview img{position:relative;} .cp { display:none; border:1px solid #d7d7d7; background:#fff; padding-bottom:12px; margin-bottom:10px; } .cptab { border-bottom:1px solid #d7d7d7; background:#f7f7f7; } .cptab { line-height:25px; font-size:14px; color:#1f76e5; text-decoration:none; padding:0 8px; } .cptab a:hover {text-decoration:none;} .cptab a.cr { background:#eee; font-weight:bold; } .cp dl { width: 215px; overflow:hidden; float:left; display:inline; margin:10px 0; margin-left:8px; } .cp dt { width: 215px; overflow:hidden; } .cp dt a {width: 210px; display:block; border:1px solid #D5D5D5; padding:1px;} .cp dt a:hover { border:solid 1px #1f76e5;} /*产品图片边框连接*/ .cp dt img {width: 210px;height:210px;display:block;} .cp dd { line-height:24px; padding-top:8px; overflow:hidden; display:block; width: 215px; text-align:center } .proinfo { font-size:14px; line-height:25px;} .proinfo h4 { line-height:28px; background:#F7F7F7; padding:0 5px; margin-top:10px;} .proinfo p {color:#414141} .proinfo p a { color:#1f76e5;} .pro_key {line-height: 35px; border-top: dashed 1px #d7d7d7; margin-top: 5px; font-size: 14px;} .mod_goods_info {clear:both;margin-bottom:10px;position:relative} .mod_goods_info .hds {border-bottom:1px solid #0075c5 ;height:33px;_overflow:hidden;} .mod_goods_info .hds li {float:left;cursor:pointer;border:1px solid #d7d7d7;border-bottom:0;margin-right:-1px;} .mod_goods_info .hds li h3 {display:block;width:128px;height:30px;line-height:30px;text-align:center;font-size:14px;border-bottom:0;background-color:#f3f3f3;border:1px solid #fff;} .mod_goods_info .hds li h3 a {color:#333;font-weight: normal;text-decoration:none;outline:none} .mod_goods_info .hds .status_on {border-color:#0075c5 ;border-bottom:0;position:relative;} .mod_goods_info .hds .status_on h3 {height:31px;background-color:#fff;color:#0075c5 ;} .mod_goods_info .hds .status_on h3 a {color:#076EBB;font-weight:bold} .mod_goods_info .more{ position:absolute;top:8px; right:0px;} .mod_goods_info .more a:link, .mod_goods_info .more a:visited{text-decoration:none;color:#085C9B;} .mod_goods_info .more a:hover{color:#D4105A;} .dgxxBox{padding:0 15px; width:645px; height:300px; font-family:微软雅黑;} .dgxxBox p{font-size:16px; padding:25px 0; color:#666;} .dgxxBox .m_form{} .dgxxBox .m_form li{width:310px; height:38px; float:left; margin-bottom:13px; color:#777;} .dgxxBox .m_form label{float:left; border:1px solid #dedede; line-height:36px; height:36px; width:77px; display:inline-block; text-align:center; background:#fff;} .dgxxBox .m_form .iptTxt{float:right; width:230px; border:1px solid #dedede; border-left-width:0; height:16px; line-height:16px; padding:10px 0; outline:none; text-indent:1em; background:#fff; color:#333;} .dgxxBox .m_form .txtAre{margin-left:12px; width:296px; height:161px; border:1px solid #dedede; outline:none; resize:none; padding:14px; color:#333; line-height:18px;} .dgxxBox .m_form .btnTjly{width:310px; height:38px; background:#0075c5 ; border:none; cursor:pointer; color:#fff;} .dgxxBox .m_form .areLi{height:205px; float:right; display:inline;} .dgxxBox .m_form .btnLi{background:none; height:60px;} /* marqueeleft */ .marqueeleft{height:136px;width:474px;overflow:hidden;margin:40px auto;} .marqueeleft ul{float:left;} .marqueeleft li{float:left;margin:0 5px;display:inline;width:148px;height:133px;overflow:hidden;} .marqueeleft li .pic{display:block;border:#ccc 1px solid;width:135px;height:104px;padding:2px;overflow:hidden;} .marqueeleft li .txt{text-align:center;height:23px;line-height:23px;} /* marqueetop */ .marqueetop{height:429px; overflow:hidden; border:1px solid #ddd; margin-bottom:20px;} .marqueetop li .pic{display:block;border:#ccc 1px solid; height:104px;padding:2px;overflow:hidden;} .marqueetop li .txt{text-align:center;height:23px;line-height:23px;} /*鍐呴〉宸︿晶*/ .pro_lny{ width:242px; float:left;} .pro_lny h4{ height:60px; line-height:60px; background:#0075c5 ;} .pro_lny h4 a{ font-size:18px; color:#fff; margin-left:20px;font-weight: bold;} .active1{ border:1px #ddd solid; /*padding-top:10px; padding-bottom:10px;*/} .ny_cptj{ margin-top:20px;} #marquee2 ul li a img{ width:200px; margin:10px; height:135px; border:1px solid #dedede; padding:2px 2px;} #marquee2 ul li a img:hover{ width:200px; margin:10px; height:135px; border:1px solid #0075c5 ;} #marquee2 ul li{ text-align:center;} .contactn h5 a{ font-size:24px; color:#fff; text-align:center;} .nlist h5{ height:60px; line-height:60px; background:#0f8e3a; text-align:center;} #marquee2 ul img{ width:230px;} #marquee2 td{ width:230px;} #marquee2 tr{ width:230px;} #marquee2_2 table{ width:230px;} #marquee2_1 table{ width:230px;} #showtext { padding: 10px 15px; line-height: 2; } #showtext img { max-width: 100% !important;} #dituContent img { max-width: none !important; } .nyjoblist-ul .nyjoblist-top h3>a{font-weight: bold;} .nyjoblist-ul .nyjoblist-top{margin-bottom: 20px;} .nyjoblist-ul .nyjoblist-top p{border-bottom: 1px solid #ccc;margin-bottom: 5px;} .nyjoblist-ul .nyjoblist-top>a{border: 1px solid #e6e6e6; padding: 3px; background-color: #e6e6e6;} .nyjoblist-ul .nyjoblist-top>a:hover{background-color:#0075c5 ; color:#ffffff; } /*内页左侧导航*/ /*.nynav{width:230px;float:left;} .nyjc{margin-bottom:20px;} .nyjc-til{padding:1px 30px;!*border-radius: 10px 10px 0 0;*!color:#fff;background:url(../images/peo_top.jpg);padding: 10px;} .nyjc-til p{font-size: 24px;} !*.nyjc-til i{display: block;height: 1px;width: 100px;background: #fff;margin:10px 0;}*! #sidebar{padding:10px;background: #fff;border: 1px solid #0280f6;} #sidebar li{margin-top: 10px;} #sidebar li:first-child{margin-top: 0px;} #sidebar li a{line-height: 40px;height: 40px;display: block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;padding-left: 25px;background: url(../images/liBg2.png)no-repeat 168px center;!*text-align: center;color: #666;background: #eee;*!} !*#sidebar li.cur a, #sidebar li:hover a{background: #1f98e4;color: #fff;}*! #sidebar li a:hover, #sidebar li.cur a:hover {background: url(../images/liaBg.png) no-repeat center;color: #fff;} .nyhotpro{margin-bottom:20px;} .nyhotpro .bd{overflow:hidden;padding:10px;background: #fff;border: 1px solid #0280f6;} .nyhotpro .bd ul li{text-align:center;margin-bottom:10px;} .nyhotpro .bd ul li a{display:block;} .nyhotpro .bd ul li a img{margin-bottom:10px;max-width:100%;padding:2px;border:1px solid #ccc;box-sizing:border-box;} .nyhotpro .bd ul li p a{font-size:16px;line-height:30px;background:#ccc;} .nyhotpro .bd ul li a:hover img{border-color:#0280f6;} .nycontel-con{padding:10px;background: #fff;border: 1px solid #0280f6;line-height:1.8;} .nycontel-con img{max-width:100%;height:auto !important;} .contel_a{padding:10px;background: #fff;border: 1px solid #0280f6;}*/ /*内页左侧产品导航*/ /*.nyprojc{margin-bottom:20px;} .nyprojc-til{background: url(../images/peo_top.jpg) no-repeat center;border-bottom: 1px solid white;} .nyprojc-til a{padding: 13px;display: block;} .nyprojc-til a p{color: #fff;font-weight: bold;font-size: 22px;line-height: 30px;} .nyprojc-til a span{color: #999;display: block;text-transform: capitalize;font-weight: 100;line-height: 20px;font-size: 14px;} #sidebar1{overflow:hidden;} #sidebar1 li{position: relative;width: 100%;} #sidebar1 li::before, #sidebar1 li::after{content: '';display: block;height: 100%;position: absolute;width: 1px;background: #eee;top: 0;z-index:1;} #sidebar1 li::before{left:0;} #sidebar1 li::after{right:0;} #sidebar1 li>a{display: block;line-height: 50px;height: 50px;width: 100%;position: relative;overflow: hidden;!*background:#fff;*!background: url(../images/li1-a.jpg)no-repeat;} !*#sidebar1 li>a::before{content: '';display: block;height: 60px;background: #006699;left: -100%;top: 0;position: absolute;width: 100%;z-index: 2;-webkit-transition: 0.3s all ease-in-out;transition: 0.3s all ease-in-out;}*! #sidebar1 li>a::after{position: absolute;content: '';background: #eee;width: 100%;height: 1px;bottom: 0;left: 0;z-index: 1;} #sidebar1 li>a>span{display: block;font-size: 15px;color: #FFFFFF;height: 100%;position: relative;z-index: 3;padding: 0 30px;} #sidebar1 li>a>i{display: block;position: absolute;right: 20px;top: 23px;width: 18px;height: 18px;background: url(../images/nyprolist_cur.png) no-repeat 0 center;-webkit-transition: 0.3s all ease;transition: 0.3s all ease;z-index: 3;-webkit-transform: rotate(0deg);transform: rotate(0deg);} #sidebar1 li>.nypronav2{padding: 22px 0;background: #eee;display:none;} !*#sidebar1 li>.nypronav2>a{display: block;color: #666;line-height: 34px;padding: 0 30px;-webkit-transition: 0.3s all ease;transition: 0.3s all ease;font-size: 13px;}*! #sidebar1 li.cur>a::before{left:0;} #sidebar1 li.cur>a>span{color: #fff;} #sidebar1 li.cur>a>i{background-position: -27px center;-webkit-transform: rotate(90deg);transform: rotate(90deg);} !*#sidebar1 li>.nypronav2>a.cur, #sidebar1 li>.nypronav2>a:hover{color: #006699;}*! #sidebar1 li>a>span:hover{color:#f3791a;} !*内页右侧内容*! .nyshow{width:840px;float:right;background-color: white;border: 1px #ddd solid;} .nyshow-til{line-height: 40px;height: 40px;border-bottom: 1px #ccc solid;margin: 10px 15px;} .nyshow-til>h1, .nyshow-til>h2{float: left;padding-right:15px;text-indent: 25px;height: 40px;line-height: 40px;border-bottom: 2px #006699 solid;color: #006699 ;font-size: 18px;font-weight: bold;position:relative;} .nyshow-til>h1::before, .nyshow-til>h2::before{content:'';position:absolute;left:0;top:50%;margin-top: -15px;width:6px;height:30px;background:#006699 ;} .nyshowdesc{font-size: 16px;line-height: 1.8;text-align:justify;margin-bottom:20px;padding: 0 15px;} .nyshowdesc img{max-width:100%;height:auto !important;} .nyshow-til span{float: right;} .nyshow-til span{display:block;line-height: 45px;font-size: 14px;background: url(../images/location.png) no-repeat 0 15px;text-indent: 20px;color: #666;} .nyshow-til span a{color: #666;} .nyshow-til span a:hover{color: #0280f6;}*/ /*推荐新闻*/ .nyhotnews{line-height: 40px;height: 41px;border-bottom: 1px #ccc solid;margin:0 10px;} .nyhotnews>h3{float: left;width: 150px;text-indent: 30px;height: 40px;line-height: 40px;border-bottom: 2px #0075c5 solid;color: #0075c5 ;font-size: 18px;font-weight: bold;background:url(../images/nyhotnewico.png) no-repeat left;} .nyhotnews-list{margin:10px 15px;overflow:hidden;} .nyhotnews-list li{width:50%;float:left;font-size: 14px;line-height: 30px;padding: 0 10px;background: url(../images/iyuan.png) no-repeat left;background-size: 8px;box-sizing:border-box;} .nyhotnews-list li a{float:left;width:250px;color:#333;} .nyhotnews-list li span{float:right;color:#666;} .nyhotnews-list li:hover{background: url(../images/iyuan_on.jpg) no-repeat left;background-size: 8px;} .nyhotnews-list li:hover a{color:#0075c5 ;} /*视频列表*/ .nyvideo-ul{overflow:hidden;} .nyvideo-ul li{width:33.33%;float:left;padding:0 10px;margin-bottom:20px;box-sizing:border-box;} .nyvideo-div a{display:block;border:1px solid #ddd;padding:2px;overflow:hidden;} .nyvideo-div a img{display:block;max-width: 100%;width: 311px;} .nyvideo-div a.nyvideo-a{padding:0 10px;border:none;line-height:25px;text-align:center;} .nyvideo-div:hover a{border-color:#0280f6;color:#0280f6;} /*视频详情*/ .showvideo-top{padding-bottom: 10px;border-bottom: 1px solid #f0f2f5;margin-bottom:15px;} .showvideo-top>h1{line-height: 1.5;color: #333;text-align: center;font-size: 26px;margin-bottom: 5px;} .showvideo-time{text-align:center;} .showvideo-time span{font-size: 14px;color: #a3afb7;margin-right: 10px;} .showvideo-time span:last-child{margin-right:0;} .showvideo-mp{margin-bottom:20px;text-align:center;} .showvideo-mp video, .showvideo-mp iframe{max-width:800px;} .showvideo-con {font-size: 16px;line-height: 1.8;text-align:justify;margin-bottom:20px;} .showvideo-con img{max-width:100%;height:auto !important;} /*下载列表*/ .nydown-list{margin-bottom:20px;} .nydown-list table{width:100%;text-align:center;} .nydown-list table thead{background:#0280f6;color:#fff;font-size:16px;line-height:2;} .nydown-list table tbody{line-height:1.6} .nydown-list table tbody tr td{color:#666;} .nydown-list table tbody tr td:first-child{color:#333;} /*下载详情*/ .showdown-top{margin-bottom:20px;} .showdown-top>h1{font-size: 18px;margin-bottom:10px;color:#333;font-weight:bold;padding-left:20px;} .showdown-top>ul{padding:10px;background:#f6f6f6;} .showdown-top>ul>li{border-bottom: 1px solid #eee;font-size:12px;color:#666;margin-bottom:5px;line-height:20px;} .showdown-top>ul>li:last-child{margin-bottom:0;} .showdown-top>ul>li>span{padding: 0px 10px;margin-right: 5px;} .showdown-con {font-size: 16px;line-height: 1.8;text-align:justify;margin-bottom:20px;} .showdown-con img{max-width:100%;height:auto !important;} /*图片列表*/ .nyimg-ul{overflow:hidden;} .nyimg-ul li{width:33.33%;float:left;padding:0 10px;margin-bottom:20px;box-sizing:border-box;} .nyimg-div a{display:block;border:1px solid #ddd;padding:2px;overflow:hidden;} .nyimg-div a img{display:block;max-width: 100%;width: 311px;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;} .nyimg-div a.nyimg-a{padding:0 10px;border:none;line-height:25px;text-align:center;} .nyimg-div:hover a{border-color:#0280f6;color:#0280f6;} .nyimg-div:hover a img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);} /*图片详情*/ .showimg-top{padding-bottom: 10px;border-bottom: 1px solid #f0f2f5;margin-bottom:15px;} .showimg-top h1{line-height: 1.5;color: #333;text-align: center;font-size: 26px;margin-bottom: 5px;} .showimg-time{text-align:center;} .showimg-time span{font-size: 14px;color: #a3afb7;margin-right: 10px;} .showimg-time span:last-child{margin-right:0;} .showimg-img{margin-bottom:15px;text-align:center;} .showimg-img img{max-width:100%;} .ctitle{margin-bottom:15px;} .ctitle h3{padding-left:20px;background: url(../images/dt-7.gif) no-repeat left center;line-height:30px;border-bottom: 1px dotted #ccc;color:#666;font-weight:bold;} .showimg-con {font-size: 16px;line-height: 1.8;text-align:justify;margin-bottom:20px;} .showimg-con img{max-width:100%;height:auto !important;} /*新闻列表*/ .nynews-ul{overflow:hidden;} .nynews-ul li{margin: 0 15px 15px 15px;} .nynews-ul li a{overflow: hidden;display: block;} .nynews-ul li a dl{overflow: hidden;border: 1px solid #ddd;padding:15px;width:100%;box-sizing:border-box;} .nynews-ul li a dl dt{float:left;box-shadow: 0 0 5px 0 rgb(0 0 0 / 20%);} .nynews-ul li a dl dt img{display: block;width: 180px;} .nynews-ul li a dl dd{float: left;width: 620px;/*margin-top: 20px;*/margin-left: 30px;} .nynews-ul li a dl dd h5{width: 460px;float: left;font-size: 18px;line-height: 32px;font-weight: normal;color: #333;} .nynews-ul li a dl dd em{float: right;height: 30px;line-height: 30px;font-size: 14px;color: #999;} .nynews-ul li a dl dd p{line-height: 20px;font-size: 14px;margin-top: 15px;height: 40px;color:#666;float: left;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .nynews-ul li a dl dd span{width: 135px;border: 1px solid #ddd;line-height: 35px;height: 35px;font-size: 16px;color: #666;margin-top: 10px;float: right;display: block;text-align: center;} .nynews-ul li a:hover dl{border:1px solid #49a802;} .nynews-ul li a:hover dl dt{box-shadow: 0 0 5px 0 rgb(73 168 2 / 80%);} .nynews-ul li a:hover dl dd h5{color:#49a802;} .nynews-ul li a:hover dl dd span{border: 1px solid #49a802;background: #49a802;color: #fff;} /*新闻详情*/ .shownews-top{padding-bottom: 10px;border-bottom: 1px solid #f0f2f5;margin: 7px 15px;} .shownews-top h1{line-height: 1.5;color: #333;text-align: center;font-size: 26px;margin-bottom: 5px;} .shownews-time{text-align:center;} .shownews-time span{font-size: 14px;color: #a3afb7;margin-right: 10px;} .shownews-time span:last-child{margin-right:0;} .shownews-con {font-size: 16px;line-height: 1.8;text-align:justify;margin-bottom:20px;padding: 0 15px;} .shownews-con img{max-width:100%;height:auto !important;} /*产品列表*/ .nypro-ul{overflow:hidden;} .nypro-ul li{width:258px;/*margin-right:25px;margin-bottom:25px;*/ margin:0 11px 25px 9px;float:left; border: 1px solid #d3d3d3;} /*.nypro-ul li *{transition: 0.3s all ease-in-out;}*/ .nypro-ul li:nth-child(3n){margin-right:0;} .nypro-ul li a{display:block;position:relative;} .nypro-ul li a .nypro-img{overflow:hidden;position:relative;} .nypro-ul li a .nypro-img img{width:100%;display:block;} /*.nypro-ul li a .nypro-img .nypro-hov{position:absolute;top:100%;width:100%;height:100%;opacity:0;background:url(../images/nyproico.png) no-repeat center rgba(2,128,246,0.6);}*/ .nypro-ul li a .nypro-txt{width: 100%;position: relative;z-index: 4;padding: 5px 0 0;background: #f5f5f5;} .nypro-ul li a .nypro-txt p{padding: 0 20px;font-size: 18px;line-height: 36px;height: 36px;font-weight: normal;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #444;text-align: center;} .nypro-ul li a .nypro-txt span{font-size: 13px;display: block;height: 25px;line-height: 25px;padding: 0 20px; color: #777;font-weight: 100;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} /*.nypro-ul li a:hover .nypro-img .nypro-hov{top: 0;opacity: 1;}*/ .nypro-ul li a:hover .nypro-txt{background:#fff;} .nypro-ul li:hover{border-color:#1f98e4;} /*产品详情*/ .nyproshow-top{overflow:hidden; margin: 0 15px;} .nyproshow-top>dt{padding-bottom: 15px;float:left;width:402px;} /*bigzoompic*/ #MagnifierWrap2{position: relative;} .MagnifierMain{position: relative;border:1px solid #ccc;} .MagnifierMain img{width: 100%;display:block;} .MagnifierDrag{position: absolute;top:0;left: 0;background-color: #ccc; opacity: 0.4;filter:alpha(opacity = 40);cursor: move;} .MagnifierPop{position: absolute;top:0;overflow: hidden;background:#fff url(../images/loading.gif) no-repeat center center; } .MagnifierImg{position: absolute;top:0; left: 0;} .spec-items{position: relative;width: 344px;height: 74px;overflow: hidden;margin: 10px auto 0;} .spec-items ul{width: 500%;position: absolute;top: 8px;left: 0;} .spec-items ul *{-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;} .spec-items li{width: 80px;float: left;overflow: hidden;margin-right: 5px;border: 1px solid #ccc;cursor: pointer;} .spec-items li.on{border:1px solid #0075c5 ;} .spec-items li img{width: 100%;display:block;} span.spe_leftBtn,span.spe_rightBtn{position: absolute;bottom: 0px;display: block;width: 20px;height: 70px;line-height: 70px;font-family: "黑体";text-align: center;font-size: 30px;color: #ddd;cursor: default;background-color: #f9f9f9;} span.on{background-color: #ccc;color: #999;cursor: pointer;} span.spe_leftBtn{left: 0;} span.spe_rightBtn{right: 0;} .nyproshow-txt{float:left;width: 380px;margin-left: 28px;z-index:1;} .nyproshow-txt>h1{font-size: 20px;color: #333;border-bottom: 1px dashed #bbbbbb;padding: 2px 0 10px;line-height: 32px;margin-bottom:10px;} /*产品参数*/ .nyproshow-info{line-height:1.8;color:#666;margin-bottom:20px;} .showpro-tel{overflow:hidden;border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:10px 0;} .showpro-telx{float:left;line-height:40px;} .showpro-telx img{float:left;margin-right:12px;} .showpro-telcon{float:left;} .showpro-telcon p{float:left;color:#666;margin-bottom:0;} .showpro-telcon span{float:left;color:#333;font-size:24px;font-family: arial;} .showpro-tel a{float:left;display:block;line-height:40px;padding:0 20px;background:#1f98e4;color:#fff;border-radius: 10px;} .showpro-tel a i{margin-right:5px;} .showpro-tel a:hover{background:#034ad8;} .showpro-con{margin-top: 20px;padding: 0 15px;} .showpro-con ul{border-bottom: 1px solid #ccc;line-height: 40px;margin-bottom: 10px;overflow:hidden;} .showpro-con ul li{text-align: center;padding:0 24px;font-size: 16px;background: #e6e6e6;color:#333;float: left;margin-right: 10px;cursor: pointer;} .showpro-con ul li.on{background: #0075c5 ;color:#fff;} .showpro-con ul li:last-child{margin-right: 0;} .showpro-details{font-size: 16px;line-height: 1.8;overflow: hidden;} .showpro-details .showpro-det{display:none;min-height:100px;padding: 0 15px;} .showpro-details div{margin-bottom: 10px;} .showpro-details img{max-width: 100%;height:auto !important;} .pr_form .form-group{display: flex;justify-content: left;margin: 10px 25px;} /*相关产品*/ .nyaboutpro{line-height: 40px;height: 41px;border-bottom: 1px #ccc solid;/*margin: 0 15px;*/} .nyaboutpro>h3{float: left;width: 150px;text-indent: 15px;height: 40px;line-height: 40px;border-bottom: 2px #0075c5 solid;color: #0075c5 ;font-size: 18px;font-weight: bold;/*background:url(../images/nyaboutproico.png) no-repeat left;*/} #abprolist{margin:20px 0;} #abprolist li{padding:0 15px;} #abprolist li a{display:block;} #abprolist li a .abpro-img{padding:2px;border:1px solid #ccc;} #abprolist li a .abpro-img img{display:block;max-width:100%;} #abprolist li a p{margin-top:5px;line-height:30px;height:30px;text-align:center;background:#ccc;padding:0 10px;color:#333;} #abprolist li a:hover .abpro-img{border-color:#0075c5 ;} #abprolist li a:hover p{background:#0075c5 ;color:#fff;} /*标签*/ .pro_key {line-height: 35px;font-size: 15px;color: #333;font-weight: bold;} .pro_key a{font-size: 14px;background: #9e9c9c;padding: 2px 6px;color:#fff;font-weight: normal;text-decoration: none;} .pro_key a:hover{background:#0280f6;} /*分享按钮*/ .jiathis{ padding:0px 5px; height:35px; line-height:30px;border-top:1px dotted #ccc; text-align:right; position:relative; color:#666;margin: 10px 15px;} .jiathis .jiathis_txt{float: left;} /*上下页按钮*/ .ny-page{overflow: hidden;margin-bottom:30px;} .ny-pagea{width:50%;float:left;padding:0 10px;box-sizing:border-box;} .ny-page a{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding: 10px 15px;border: 1px solid #e4eaec;transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;max-width: 80%;} .ny-page a:hover{border-color: #e4eaec;background-color: #f3f7f9;} /*搜索模块*/ .nysearch-ul{overflow: hidden;margin-top: 15px;} .nysearch-ul li.nysearch-li{padding: 0 0 15px 0;margin-bottom: 25px;border-bottom: 1px dashed #333;overflow:hidden;} .nysearch-til>a{line-height: 14px;color: #fff;vertical-align: baseline;white-space: nowrap;display: inline-block;background: #0075c5 ;margin-right: 5px;position: relative;top:0;padding: 4px 6px;} .nysearch-til>a .nysearch-arrow{position: absolute;width: 0;height: 0;vertical-align: top;top: 7px;right: -4px;border-left: 4px solid #000;border-top: 4px solid transparent;border-bottom: 4px solid transparent;border-left-color: #0280f6;} .nysearch-til>a:hover{background:#0280f6;} .nysearch-til>a:hover .nysearch-arrow{border-left-color:#0075c5;} .nysearch-til>h2{display: inline;font-size: 19px;margin: 0;font-weight: bold;position: relative;top: 1px;line-height: 25px;} .nysearch-con p.nysearch-desp{color: #666;font-size: 14px;line-height: 23px;margin: 5px 0;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;} .nysearch-date {color: #333;line-height: 20px;font-size: 12px;} .nysearch-date span{color: #999;} .nysearch-date p{float: left;margin: 0;} .nysearch-date i{margin-right: 5px;} .nysearch-con a.nysearch-more{position:relative;left:0;color: #ffffff;font-size: 13px;width:100px;height:30px;line-height:30px;background: #999;margin-top: 10px;display: block;border-radius: 20px;float:left;text-align: center;transition: 0.5s all;-webkit-transition: 0.5s all;-moz-transition: 0.5s all;-o-transition: 0.5s all;-ms-transition: 0.5s all;} .nysearch-con a.nysearch-more:hover{background:#0075c5 ;left:10px;} /*手机样式*/ .m-header, .m-nav, .g-adv, .m-main, .m-fewm, .m-fbtn, .m-location,.ny_body,.g-bd,.g-nynav,.m-about,.wraplx{display:none;} @media (max-width: 768px){ html, body{max-width: 640px;min-width: 320px;margin: 0 auto;overflow-x: hidden;position: relative;} body{padding-bottom: 50px;} *{box-sizing:border-box;} .htop, .hcont, .sticky-wrapper, .navBox, #banner, .search, .about, #countup, .product, .news, .footer, .fcopy,.m-img, .diyos, .location,.nyhotpro,.bgf5,.link,.nywlx,.mf-bg,.beijing, #haboutbg,.newMain,.footWrap,.fotWrp,.m-slogan,#nav,#product,#area,#choose,#about,#honor,#info,#link,#roll{display:none;} .m-header, .m-nav, .g-adv, .m-main, .m-fewm, .m-fbtn, .m-location,.ny_body,.g-bd,.g-nynav,.m-about,.wraplx{display:block;} .container{width:100%;} /* -- 页面整体布局 -- */ .m-header{overflow: hidden;/*padding-bottom: 10px;*/} .m-header h1{text-align: center;padding:3%;} .m-header h1 img{max-width: 100%;vertical-align: middle;} .m-header .m-slogan{color: #393939;text-align: center;} .m-header .m-slogan p{font-size: 1.2rem;} .m-header .m-slogan span{font-size: 1rem;} /*导航*/ .m-nav{ height:5.875rem; overflow:hidden; background:#0075c5 ; position:relative;} .m-nav:before{content: '';position: absolute;width: 100%;left: 0;top: 50%;border-bottom: 1px solid #aaa;} .m-nav a{display: block;float: left;width: 25%;font: 1rem/2.92rem "microsoft yahei";height: 2.92rem;color: #fff;text-align: center;border-right: 1px solid #aaa;} .m-nav a:nth-child(4n){border-right: none;} .m-nav a:hover{color:#fff;} .active{width: 100%;} /*ban轮播广告*/ .g-adv{overflow:hidden;} .g-adv img{ display: block;width: 100%;height: auto;} /*标题*/ .m-title>h2{font-size:1.5rem;color:#333;text-align:center;font-weight: bold;} .m-title>p{font-size:1rem;color:#666;text-align:center;} /*产品中心*/ .g-pro{padding:10px 0;} .g-pro .wlist{display: flex;flex-wrap: wrap;align-content: flex-start;margin-top:10px;} .g-pro .wlist li{flex:1} .g-pro .wlist li a{display:block;line-height:40px;padding:0 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#666;text-align:center;border: 1px solid #E5E5E5;} .g-pro .wlist li.z-on a{background:#0075c5 ;color:#fff;border:1px solid #0075c5 ;} .g-pro .wcont{padding:5px;} .g-pro .wcont li{width:50%;float:left;padding:5px;} .g-pro .wcont li a{display:block;} .g-pro .wcont li a img{width:100%;border:1px solid #ddd;} .g-pro .wcont li a p{line-height:30px;padding:0 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;} /*关于我们*/ .g-about{margin-bottom:20px;} /*.g-about-box{margin-top:20px;}*/ .g-about-box img{width:100%;display:block;margin-top: -50px;} .g-about-txt{/*margin-top:20px;*/padding:0 10px;text-align:center;} .g-about-txt h3{text-align: center;font-size: 1.2rem;font-weight: bold;color: #282828;margin-bottom: 0.5rem;} .g-about-txt div{color: #242424;font-size: 1rem;/*height: 15rem;*/line-height: 1.5rem;overflow: hidden;/*margin-bottom:10px;*/display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 11;text-align:justify;} .about-btn{margin:20px auto 0;display: inline-block; padding: 6px 12px; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #f0f0f0; border: 1px solid transparent; border-radius: 4px;} .m-about .about_a{margin: 0 10px;} .m-about .about_a img{width: 100%;} /*新闻资讯*/ .m-new{overflow: hidden;padding-bottom:20px;} .n_q{ height: 3.17rem; line-height:3.17rem; overflow: hidden; background: #f0f0f0; margin-bottom: 1rem;display:flex;} .n_q li{flex:1;font-size: 1rem;color: #393939; font-weight: normal;text-align: center; height: 3.17rem; box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; } .n_q li.z-on{ border-top: 0.25rem solid #0075c5 ; font-weight: bold; color: #0075c5 ; background: #fff;} .m-new .con{ float: left; display: inline; width: 100%;} .n_c ul{ padding: 0 3.9%;} .n_c ul li{ padding-left: 1.25rem; height:2.46rem; line-height: 2.46rem; font-size: 1rem; font-family: "microsoft yahei"; overflow: hidden; border-bottom: 1px dashed #e0e0e0; position: relative;} .n_c ul li:before{ content: ''; width: 0.33rem; height: 0.33rem; border-radius: 1rem; background: #a9a9a9; position: absolute; top: 1rem; left: 0;} .n_c ul li a{ color: #333333; display: block; float: left; width: calc(100% - 150px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .n_c ul li:nth-child(6){ border-bottom: 0;} .n_c ul li span{ float: right; font-size: 1rem; color: #c1c1c1;} /*尾部二维码*/ .m-fewm{text-align:center;padding:10px} .m-wx{display:inline-block;font-size:0;margin: 0 5px;} .m-wx img{width:120px;} .m-wx p{font-size:12px;margin-top:5px;} /*底部按钮*/ .m-fbtn{position:fixed;bottom:0;overflow: hidden;z-index: 999;width: 100%;background: #0075c5 ;text-align: center;display:flex;min-width: 320px;max-width: 640px;} .m-fbtn a{flex:1;padding:7px 0;color:#fff;} .m-fbtn a i{font-size:16px;display:block;} .m-fbtn a span{display:block;line-height:20px;} /*内页面包屑导航样式 开始*/ .m-btit { line-height: 35px; padding-left: 12px; font-size:14px; color:#666; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; border-top:1px solid #d9d9d9; box-shadow:0 1px #fff; position:relative; background-color:#f6f6f6; background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#eaeaea)); background-image: -webkit-linear-gradient(top, #f6f6f6, #eaeaea); /*背景渐变，针对苹果浏览器写的兼容*/ background-image: -moz-linear-gradient(top, #f6f6f6, #eaeaea); /*背景渐变，针对火狐浏览器写的兼容*/ background-image: -o-linear-gradient(top, #f6f6f6, #eaeaea); /*背景渐变，针对欧朋浏览器写的兼容*/ background-image: -ms-linear-gradient(top, #f6f6f6, #eaeaea); /*背景渐变，针对手机微软浏览器写的兼容*/ background-image: linear-gradient(top, #f6f6f6, #eaeaea); /*背景渐变，正常的写法*/ border-bottom:1px solid #d9d9d9; } /*内页面包屑导航背景*/ .m-btit:before{content:""; /*配合:before这个属性，写 before的时候一定要加上去*/ position:absolute; left:0; top:0; width:100%; border-top: 1px solid #fff;} /*内页面包屑导航背景上面的线条*/ .m-btit a{color:#666;} .m-btit span{ padding:0 8px; position:relative; height:100%; top:3px; left:-2px; display:inline;} .m-btit span:before{content:""; /*配合:before这个属性，写 before的时候一定要加上去*/ position:absolute; background:#7c7c7c; width:8px; height:8px; left:2px; top:3px; z-index:10; -moz-transform: rotate(45deg); /*角度45度，针对火狐浏览器写的兼容*/ -o-transform: rotate(45deg); /*角度45度，针对欧朋浏览器写的兼容*/ -webkit-transform: rotate(45deg); /*角度45度，针对苹果浏览器写的兼容*/ transform: rotate(45deg);} /*角度45度，内页面包屑箭头样式*/ .m-btit span:after{content:""; /*配合:before这个属性，写 before的时候一定要加上去*/ position:absolute; width:8px; height:8px; left:1px; top:3px; z-index:11; background-color:#f2f2f2; background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#eeeeee)); /*针对苹果老式浏览器写的兼容*/ background-image: -webkit-linear-gradient(top, #f2f2f2, #eeeeee); /*背景渐变，针对苹果浏览器写的兼容*/ background-image: -moz-linear-gradient(top, #f2f2f2, #eeeeee); /*背景渐变，针对火狐浏览器写的兼容*/ background-image: -o-linear-gradient(top, #f2f2f2, #eeeeee); /*背景渐变，针对欧朋浏览器写的兼容*/ background-image: -ms-linear-gradient(top, #f2f2f2, #eeeeee); /*背景渐变，针对手机微软浏览器写的兼容*/ background-image: linear-gradient(top, #f2f2f2, #eeeeee); /*背景渐变，正常的写法*/ -moz-transform: rotate(45deg); /*角度45度，针对火狐浏览器写的兼容*/ -o-transform: rotate(45deg); /*角度45度，针对欧朋浏览器写的兼容*/ -webkit-transform: rotate(45deg); /*角度45度，针对苹果浏览器写的兼容*/ transform: rotate(45deg); } /*角度45度，内页面包屑箭头样式*/ /*内页面包屑导航样式 结束*/ /*内页导航*/ .g-nynav{background:#f3f3f3;} .g-nynav ul{display: flex;flex-wrap:wrap;align-content: flex-start;} .g-nynav ul li{flex:1; border: 1px solid #ede3e3;} .g-nynav ul li.cur{border-bottom:2px solid #0075c5 ;} .g-nynav ul li.cur a {color:#0075c5 ;} .g-nynav ul li a{display:block;text-align:center;line-height:40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .g-nynav ul li.on a{border-bottom:2px solid #046fcd;color:#046fcd;} /*内页简介页面*/ .ny-aboutcon{margin-top:10px;padding: 0 10px;line-height:1.6} .ny-aboutcon img{max-width:100%;height: auto !important;} /*内页图片列表*/ .ny-imglist{padding:10px 0;} .ny-imglist>h1{font-size:1.2rem;text-align:center} .ny-imgbox{} .ny-imgbox ul{overflow:hidden;padding:5px;} .ny-imgbox ul li{padding:5px;width:50%;/*min-width:30%;*/float:left;} .ny-imgbox ul li a{display:block;} .ny-imgbox ul li a img{display:block;width:100%;border:1px solid #ddd;/*height:145px;*/} .ny-imgbox ul li a h3{padding:0 5px;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;} /*内页图片详情*/ .ny-imgdesc>h1{font-size: 1.4rem;text-align: center;padding: 15px 5px;color: #046fcd;} .ny-imgdescimg{width: 90%;margin: 0 auto;text-align: center;} .ny-imgdescimg img{max-width:100%;margin:0 auto;} .ny-imgdesctxt{padding: 10px;} .ny-imgdesctxt h3{border-bottom: 1px solid #eee;margin: 5px 0;line-height: 30px;} .ny-imgdesccon{line-height:1.6;} .ny-imgdesccon img{max-width:100%;height:auto !important;} .ny-imgdesccon video{max-width:100%;height:auto !important;} .ny-imgdesc .jiathis_style{margin: 8px 15px;} .ny-imgdesc .jiathis_txt{float: left;margin-top: 5px;} .container .sb_box{width: 100% !important;border: none;} /*.container .sb_box img{max-width: 100%;}*/ /*内页产品中心*/ .ny-prolist{padding:10px 0;} .ny-prolist>h1{font-size:1.2rem;text-align:center} .ny-prolist>dl{padding:10px 0;} .ny-prolist>dl>dt{border-bottom: 1px dashed #eee;background:#f4f4f4;margin-top:10px;} .ny-prolist>dl>dt .twodh{padding:10px 10px 10px 20px;font-size:18px;font-weight:bold;background:#f8f8f8;border-bottom:1px solid #046fcd;} .ny-prolist dl dt .proseries{line-height: 40px;margin-left:30px;font-size:16px;padding-left: 30px;position: relative;display:block;} .ny-prolist dl dt .proseries::before{content:'';position: absolute;left: 0;top: 50%;margin-top: -7px;width: 2px;height: 16px;background: #046fcd;} .ny-prolist>dl>dd{padding:5px;overflow:hidden;} .ny-prolist>dl>dd>proseries{float:left;display:block;width:33.33%;padding:5px;} .ny-prolist>dl>dd>proseries:nth-child(n+4){display:none} .ny-prolist>dl>dd>a>img{max-width:100%;display:block;margin:0 auto;border:1px solid #eee;} .ny-prolist>dl>dd>a>h4{font-size:0.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;line-height:30px;} .ny-prolist>ul{padding:10px 5px;overflow:hidden;} .ny-prolist>ul>li{float:left;width:50%;min-width:30%;padding:5px;} .ny-prolist>ul>li>a{display:block;} .ny-prolist>ul>li>a>img{display:block;max-width:100%;margin:0 auto;border:1px solid #eee;} .ny-prolist>ul>li>a>h4{font-size:0.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;line-height:30px;} .dsd{overflow:hidden;background:white;padding:5px;} .dsd>li{float: left;display: block;width: 50%;padding: 5px;} .dsd>li>a>img{ max-width: 100%;display: block; margin: 0 auto; border: 1px solid #eee;} .dsd>li>a>h4{font-size: 0.8rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: center;line-height: 30px;} .dsd>li:nth-child(n+5){display: none;} /*内页产品详情*/ .ny-procon{margin: 0 15px;} .ny-procon>h1{font-size:1.4rem;text-align:center;padding:15px 5px;color:#046fcd;} .ny-proconimg{width: 90%;margin: 0 auto;text-align: center;} .ny-proconimg img{max-width:100%;margin:0 auto;} .ny-proconinfo{margin-top:15px;} .ny-proconinfo dd{padding:10px 10px 0;line-height:20px;} .ny-procontxt{margin:15px 0;} .ny-procondesc{line-height:1.6;margin-top: 5px;} .ny-procondesc img{max-width:100%;height:auto !important;} .ny-procon .ny-page{margin: 10px 0; } .ny-procon .ny-title{border-bottom: 1px solid #eee;} .ny-procon .jiathis_txt{float: left;margin-top: 5px;} /*t推存新闻*/ .m-hotnews{ line-height: 40px; margin: 10px; } .m-hotnews>h3{background: url(../images/nyhotnewico.png) no-repeat left 10px top 10px;padding-left:45px;font-size:18px;border-bottom:2px #0075c5 solid;color:#0075c5 ;font-weight: bold;width: 150px;} .m-hotnews ul{padding: 0 3.9%;} .m-hotnews-list li{ width: 100%; padding-left: 15px; height: 40px; line-height: 40px; font-size: 14px; font-family: "microsoft yahei"; overflow: hidden; border-bottom: 1px dashed #e0e0e0; position: relative; margin: 5px 0; } .m-hotnews-list li a{ float: left; width: calc(100% - 150px); } .m-hotnews ul li:before { content: ''; width: 5px; height: 5px; border-radius: 1rem; background: #a9a9a9; position: absolute; top: 17px; left: 0; } .m-hotnews-list li span{font-size: 14px;color: #c1c1c1;float: right;} .cpMain .container{margin-top: 0px;} /*内页新闻列表*/ .ny-newslist{padding-top:10px;} .ny-newslist ul{padding: 0 10px;} .ny-newslist ul li{margin-bottom:10px;border:1px solid #ddd;padding:10px;} .ny-newslist ul li h4{line-height:25px;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#333;} .ny-newslist ul li p{line-height:20px;color:#666; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;} .ny-newslist ul li span{color:#999;font-size:12px;} /*内页新闻详情*/ .ny-newsdesc>h1{font-size: 1.4rem;text-align: center;padding: 15px 5px 0;color: #333;} .ny-newsdesccon{line-height:1.6;padding:10px 15px;} .ny-newsdesccon img{max-width:100%;height:auto !important;} .ny-newsdesc .jiathis_style{margin: 5px 15px;} .ny-newsdesc .jiathis_txt{float:left;margin-top: 5px;} /*留言*/ /*.bd_form{ text-align: center; }*/ .form-group{display:flex;justify-content:center;margin:10px 0;} /*内页主体*/ .inside{padding:0;margin-bottom:20px;} .nynav{width:100%;background: #f3f3f3;} .nyjc{margin-bottom:0;} #sidebar{padding: 0px;background: transparent;border: none;display: flex;flex-wrap: nowrap;align-content: flex-start;} #sidebar li{margin-top: 0px;flex:1;} /*#sidebar li a{line-height: 40px;height: 40px;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-left: 25px;background: url(../images/liBg2.png)no-repeat 168px center}*/ .nyshow{width:100%;border:none;} .nyshowdesc{margin-top: 10px;padding: 0 10px;line-height: 1.6;font-size:14px;word-break: break-all;width: 100%;overflow-x: auto;} .nyshowdesc>div{width:100% !important;} .nyshowdesc table{white-space: nowrap;} .nyhotnews>h3{background: url(../images/nyhotnewico.png) no-repeat left 10px top 10px;padding-left: 10px;} .nyhotnews-list li{width:100%;background:none;border-bottom: 1px dashed #ddd;} .nyhotnews-list li a{width:calc(100% - 90px);} .ny-page a{padding:8px;font-size:12px;} .nyshowdesc .map_img img{display: none;} /*图片模块*/ .nyimg-ul{margin-top:20px;} .nyimg-ul li{width:50%;margin-bottom:10px} .nyimg-div a.nyimg-a{font-size:12px;} .showimg-top{margin-top:20px;} .showimg-top h1{font-size:20px;} .showimg-time span{font-size:12px;} .showimg-con{padding:0 10px;line-height: 1.6;font-size:14px;word-break: break-all;width: 100%;} /*视频模块*/ .nyvideo-ul{margin-top:20px;} .nyvideo-ul li{width:50%;margin-bottom:10px} .nyvideo-div a.nyvideo-a{font-size:12px;} .showvideo-top{margin-top:20px;} .showvideo-top h1{font-size:20px;} .showvideo-time span{font-size:12px;} .showvideo-mp video, .showvideo-mp iframe{max-width:100%;} /*下载模块*/ .nydown-list{margin-top:20px;} .nydown-list table thead{font-size:14px;white-space:nowrap;} .nydown-list table th{width: 30%;} .showdown-top{margin-top:20px;} /*文章模块*/ .nynews-ul{margin-top:10px;} .nynews-ul li{padding:0 10px;margin-bottom:10px;} .nynews-ul li a dl{padding:8px;} .nynews-ul li a dl dt img{width:130px;} .nynews-ul li a dl dd{width:calc(100% - 140px);margin-top:0;margin-left:10px;} .nynews-ul li a dl dd h5{width:100%;font-size:14px;line-height:20px;} .nynews-ul li a dl dd em{height: 18px;line-height: 18px;font-size: 12px;} .nynews-ul li a dl dd p{font-size:12px;margin-top:0;} .nynews-ul li a dl dd span{display:none;} .shownews-top{margin-top:20px;} .shownews-top h1{font-size:20px;} .shownews-time span{font-size:12px;} .shownews-con{padding:0 10px;line-height: 1.6;font-size:14px;word-break: break-all;width: 100%;} /*标签*/ .pro_key{padding:0 10px;} /*搜索模块*/ .nysearch-ul{margin-top:10px;padding:0 10px;} .nysearch-ul li.nysearch-li{padding-bottom:10px;margin-bottom:10px;} .nysearch-til>h2{font-size:16px;} /*产品模块*/ .nyprojc-til{background-size:100%;} .nyprojc-til a{padding:20px;} .nyprojc-til a span{color:#fff;} /*#sidebar1 li>a{line-height: 40px;height: 40px;} #sidebar1 li>a::before{height:40px;} #sidebar1 li>a>span{font-size:14px;} #sidebar1 li>a>i{top: 12px;} #sidebar1 li>.nypronav2{padding:5px 0;} #sidebar1 li>.nypronav2>a{font-size:12px;line-height:30px;}*/ .pro_list li{background: white;border-bottom: 1px solid #ececec;} .pro_list li>a{font-size: 14px;line-height: 45px;height: 45px;} .pro_list li>a span{font-size:16px;display: block;color: #0a0a0a;height: 100%;position: relative;z-index: 3;padding: 0 50px;background: url(../images/nyprolist_cur.png)no-repeat right;} .nypro-ul li{width:50%;margin:10px 0;padding:0 10px;box-sizing:border-box;border: none;} .nypro-ul li a .nypro-txt{padding:10px 0;} .nypro-ul li a .nypro-txt p{padding:0;font-size: 14px;line-height: 25px;height: 25px;} .nypro-ul li a .nypro-txt span{padding:0;font-size: 12px;line-height: 20px;height: 20px;} .nyproshow-top>dt{width:100%;padding:0 10px;box-sizing:border-box;margin-bottom:20px;} .spec-items{width: calc(100% - 50px);} .nyproshow-txt{width:100%;padding:0 10px;box-sizing:border-box;margin-left:0;} .nyproshow-txt>h1{font-size:18px;text-align:center;} .showpro-telcon span{font-size:20px;} .showpro-tel a{display:none;} .showpro-con ul{margin-bottom:0;} .showpro-details .showpro-det{padding:10px;} .nyaboutpro>h3{padding-left:10px;background: url(../images/nyaboutproico.png) no-repeat 10px;} } .ny-procon{} .ny-procon>h1{font-size:1.4rem;text-align:center;padding:15px 5px;color:#046fcd;} .ny-proconimg{width: 90%;margin: 0 auto;text-align: center;} .ny-proconimg img{max-width:100%;margin:0 auto;} .ny-proconinfo{margin-top:15px;} .ny-proconinfo dd{padding:10px 10px 0;line-height:20px;} .ny-procontxt{margin:15px 0;} /*.ny-procondesc{line-height:1.6;padding:10px}*/ .ny-procondesc img{max-width:100%;height:auto !important;} @media (max-width: 768px) and (min-width:320px) { html { font-size:75%;} } @media (max-width: 768px) and (min-width:360px) { html { font-size:85%;} } @media (max-width: 768px) and (min-width:375px) { html { font-size:87.5%;} } @media (max-width: 768px) and (min-width:414px) { html { font-size:96%;} } @media (max-width: 768px) and (min-width:480px) { html { font-size:110.5%;} } @media (max-width: 768px) and (min-width:568px) { html { font-size:129%;} } @media (max-width: 768px) and (min-width:639px) { html { font-size:150%;} } /*翻页样式*/ .metpager_1{ text-align:center;} .metpager_2{ text-align:center;} .metpager_3{ text-align:center;} #flip{line-height: 25px;} .digg4{ padding:3px; margin:3px; text-align:center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; } .digg4 a,.digg4 span.miy{ margin:2px; text-decoration:none;} .digg4 .disabledfy{ font-family: Tahoma, Verdana;} .metpager_4 a,.metpager_4 span.miy{ border:1px solid #aaaadd; padding:2px 5px 2px 5px; color:#009;} .metpager_4 a:hover { border:1px solid #009; color:#000;} .metpager_4 a:active {border:1px solid #009; color:#000;} .metpager_4 span.current { border:1px solid #009; background-color:#009; padding:2px 5px 2px 5px; margin:2px; color:#FFFFFF; text-decoration:none;} .metpager_4 span.disabled { border:1px solid #eee; padding:2px 5px 2px 5px; margin:2px; color:#ddd;} .metpager_5 a,.metpager_5 span.miy{ border:1px solid #ccdbe4; padding:2px 8px 2px 8px; color:#0075c5 ; display: inline-block; } .metpager_5 a:hover { border:1px solid #0075c5 ; color:#fff; background-color:#0075c5 ;} .metpager_5 a:active {border:1px solid #009; color:#000;} .metpager_5 span.current { padding:2px 8px 2px 8px; margin:2px; color:#fff; background:#0075c5 ; border:1px solid #0075c5 ; text-decoration:none;display: inline-block;} .metpager_5 span.disabled { border:1px solid #ccdbe4; padding:2px 8px 2px 8px; margin:2px; color:#999;display: inline-block;} .metpager_6{ color:#ff6500; } .metpager_6 a,.metpager_6 span.miy{ border:1px solid #ff9600; padding:2px 7px 2px 7px; background-position:50% bottom; color:#ff6500; background-image:url(../images/page/page6.jpg);} .metpager_6 a:hover { border:1px solid #ff9600; color:#ff6500; background-color:#ffc794;} .metpager_6 a:active {border:1px solid #ff9600; color:#ff6500; background-color:#ffc794;} .metpager_6 span.current {border:1px solid #ff6500; padding:2px 7px 2px 7px; margin:2px; color:#ff6500; background-color:#ffbe94; text-decoration:none;} .metpager_6 span.disabled { border:1px solid #ffe3c6; padding:2px 7px 2px 7px; margin:2px; color:#ffe3c6;} .metpager_7 a,.metpager_7 span.miy{ border:1px solid #2c2c2c; padding:2px 5px 2px 5px; background:url(../images/page/page7.gif) #2c2c2c; color:#fff;} .metpager_7 a:hover { border:1px solid #aad83e; color:#fff;background:url(../images/page/page7_2.gif) #aad83e;} .metpager_7 a:active { border:1px solid #aad83e; color:#fff;background:urlurl(../images/page/page7_2.gif) #aad83e;} .metpager_7 span.current {border:1px solid #aad83e; padding:2px 5px 2px 5px; margin:2px; color:#fff;background:url(../images/page/page7_2.gif) #aad83e; text-decoration:none;} .metpager_7 span.disabled { border:1px solid #f3f3f3; padding:2px 5px 2px 5px; margin:2px; color:#ccc;} .metpager_8 a,.metpager_8 span.miy{ border:1px solid #ddd; padding:2px 5px 2px 5px; color:#aaa;} .metpager_8 a:hover { border:1px solid #a0a0a0; } .metpager_8 a:hover { border:1px solid #a0a0a0; } .metpager_8 span.current {border:1px solid #e0e0e0; padding:2px 5px 2px 5px; margin:2px; color:#aaa; background-color:#f0f0f0; text-decoration:none;} .metpager_8 span.disabled { border:1px solid #f3f3f3; padding:2px 5px 2px 5px; margin:2px; color:#ccc;} .metpager_9 a,.metpager_9 span.miy{ border:1px solid #ddd; padding:2px 5px 2px 5px; color:#88af3f; } .metpager_9 a:hover { border:1px solid #85bd1e; color:#638425; background-color:#f1ffd6; } .metpager_9 a:hover { border:1px solid #85bd1e; color:#638425; background-color:#f1ffd6; } .metpager_9 span.current {border:1px solid #b2e05d; padding:2px 5px 2px 5px; margin:2px; color:#fff; background-color:#b2e05d; text-decoration:none;} .metpager_9 span.disabled { border:1px solid #f3f3f3; padding:2px 5px 2px 5px; margin:2px; color:#ccc;}